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

黄舟
黄舟 原创
2017-06-29 14:12:30 3165浏览

关于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以上为高。那么问题来了:

1660.png

1661.png

1662.png

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

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

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

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

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

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

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。