meter标签修改样式

.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;
}

猜你喜欢

转载自blog.csdn.net/betty_zhou0807/article/details/80067209