meter标签修改样式

最新推荐文章于 2024-07-15 02:53:30 发布

betty_zhou0807

最新推荐文章于 2024-07-15 02:53:30 发布

阅读量1.5k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/betty_zhou0807/article/details/80067209

版权

css 专栏收录该内容

6 篇文章

订阅专栏

.deal ::-webkit-meter-bar {
    height: 1.5em;
    background:linear-gradient(to bottom, #ddd, #837C7C);
}
.deal ::-webkit-meter-optimum-value { background:linear-gradient(to bottom, #ddd, #51a351);}   /* 好 */
.deal ::-webkit-meter-suboptimum-value { background:linear-gradient(to bottom, #DDC978, #DDBB33);} /* 凑合 */
.deal ::-webkit-meter-even-less-good-value {background:linear-gradient(to bottom, #ddd, #E35D5D); }    /* 糟糕 */

.deal ::-moz-meter-bar {
    background: rgba(0,96,0,.6);
}
div.deal{
    background:linear-gradient(to bottom, #62c462, #51a351);
    height:10px;
}