最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
自定义 HTML5 meter 元素样式
时间:2013-06-28 编辑:简简单单 来源:一聚教程网
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); } |
ps://github.com/simurai/umbrUI/raw/gh-pages/screenshot.jpg" />
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31