HTML5
自定义 HTML5 meter 元素样式
本文章给大家介绍自定义 HTML5 meter 元素样式简单介绍，有需要了解的同学可进入参考参考。
@simurai 写的更神奇的用法
ps://github.com/simurai/umbrUI/raw/gh-pages/screenshot.jpg" />
HTML5种的meter元素非常有用，然而默认样式总是跟不上时代的步伐，所以琢磨了一下自定义样式的方式，仅适用于webkit内核的浏览器。Chrome 26 测试通过。分享给大家。颜色取自 Bootstrap Button。
| 代码如下 | 复制代码 |
meter::-webkit-meter-bar { background: #FFF; } meter::-webkit-meter-optimum-value { background: linear-gradient(to bottom, #62c462, #51a351); } meter::-webkit-meter-suboptimum-value { background: linear-gradient(to bottom, #fbb450, #f89406); } meter::-webkit-meter-even-less-good-value { background: linear-gradient(to bottom, #ee5f5b, #bd362f); } | |
手机扫描下方二维码，关注php100官方微信。
同步官网每日更新，为您带来随时随地的资讯与技术信息。
更有不定期的互动抽奖活动，赢取实用贴心的小礼物。
除非特别声明，PHP100新闻均为原创或投稿报道，转载请注明作者及原文链接
原文地址：
http://www.php100.com/html/program/html5/2013/0905/5440.html
话题作者
头衔:无
活跃成员
