我在 HTML 中使用 Meter 元素，并且只想顯示（紅色和綠色）顏色取決于值的變化。如果值 < 20，則儀表顏色將為紅色，如果值 > 20，則儀表顏色將為綠色。我搜索了很多方法但沒有成功。任何想法都會受到深深的贊賞。<meter min="0" low="20" max="100" value="65"></meter>
1 回答
FFIVE
TA貢獻1797條經驗 獲得超6個贊
檢查與
meter::-webkit-meter-optimum-value {
background: green;
}
meter::-webkit-meter-suboptimum-value {
background: green;
}
meter::-webkit-meter-even-less-good-value {
background: red;
}
meter:-moz-meter-optimum::-moz-meter-bar {
background: green;
}
meter:-moz-meter-sub-optimum::-moz-meter-bar {
background: green;
}
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
background: red;
}
<meter min="0" max="100" low="20" high="75" optimum="100" value="19"></meter>
<meter min="0" max="100" low="20" high="75" optimum="100" value="25"></meter>
- 1 回答
- 0 關注
- 110 瀏覽
添加回答
舉報
0/150
提交
取消