关于meter标签颜色问题

<meter id="meterid" value="1" min="1" max="100" low="30" high="60" optimum="50" style="width:300px;height:150px;color:red;">您的浏览器版本不能显示此控件</meter>
登录后复制

这是我的代码,可以看到最大值是100,30以下为低,60以上为高。那么问题来了:

关于html meter标签颜色问题的解决-LMLPHP

关于html meter标签颜色问题的解决-LMLPHP

关于html meter标签颜色问题的解决-LMLPHP

加一个onchange事件监控一下吧,对值做判断。设置style属性

主要是我不知道怎么改颜色。在style里面不知道该怎么写。用background-color没用,直接用color改变的是标签中文字的颜色。
比如说我想做成在低值时变成红色怎么解决啊?

看了一下没有相关的属性。
canvas 模拟吧

谢谢,我看了一下,改变了一下最佳值“optimum”里面的数值之后,处于低值就变成红色了。(虽然我也不知道怎么回事,而且也没有能直接改样式的方法,网上搜也没搜到。)

optimum 最加值,越靠近表示越好。哦我想,我理解它了,离最加值越远,颜色从绿到黄到红的变化。

以上就是关于html meter标签颜色问题的解决的详细内容,更多请关注Work网其它相关文章!

09-16 20:50