Rumah > hujung hadapan web > html tutorial > 关于html meter标签颜色问题的解决

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

黄舟
Lepaskan: 2017-06-29 14:12:30
asal
3756 orang telah melayarinya

关于meter标签颜色问题

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

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

1660.png

1661.png

1662.png

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

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

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

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

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

   

Atas ialah kandungan terperinci 关于html meter标签颜色问题的解决. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan