对于一些产品/个人展示用的页面，项目要求是“新颖，酷炫，吊炸天”。所谓的“按钮”其实是指“拥有复杂动画效果的可点击元素”，比如仿安卓Ripple效果的按钮（虽然也可以用 button 做出来，这里供理解用），拟物的开关等等。在或者是只有部分浏览器支持的新标签/属性：<progress> <input type="date" /> 等等，为了达到浏览器兼容，通常都是用 <div> 封装。

加上现在 Chrome 为首的一众浏览器又在大力拥抱 Web Components。用户可以自定义/封装标签，打开源代码全都是见都没见过的标签等等。所以针对这部分用户而言，为打到最终的体验效果，不得不用封装过后的可点击元素。

 

图为 Github 源码中使用的 Web Component

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-jiaocheng/tc59048.shtml