首頁  >  文章  >  web前端  >  關於html meter標籤顏色問題的解決

關於html meter標籤顏色問題的解決

黄舟
黄舟原創
2017-06-29 14:12:303675瀏覽

關於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標籤顏色問題的解決

關於html meter標籤顏色問題的解決

關於html meter標籤顏色問題的解決

#加上一個onchange事件監控一下吧,對值做判斷。設定style屬性

主要是我不知道怎麼改顏色。在style裡面不知道該怎麼寫。用background-color沒用,直接用color改變的是標籤中文字的顏色。
比如說我想做成在低值時變成紅色怎麼解決啊?

看了一下沒有相關的屬性。
canvas 模擬吧

謝謝,我看了一下,改變了一下最佳值「optimum」裡面的數值之後,處於低值就變成紅色了。 (雖然我也不知道怎麼回事,也沒有能直接改樣式的方法,網上搜也沒搜到。)

optimum 最加值,越靠近表示越好。喔我想,我理解它了,離最加值越遠,顏色從綠到黃到紅的變化。

   

以上是關於html meter標籤顏色問題的解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn