如何仅显示红色和绿色取决于使用HTML Meter元素的低设定点

团队

我在HTML中使用一个Meter元素，只想显示（红色和绿色）颜色，这取决于值的变化。如果该值小于20，则仪表颜色为红色；如果该值大于20，则仪表颜色为绿色。我有很多办法，但都没有成功。任何想法都深受赞赏

检查

仪表：：-webkit仪表最佳值{
背景：绿色；
}
仪表：：-webkit仪表次优值{
背景：绿色；
}
仪表：：-webkit仪表的良好值更低{
背景：红色；
}
仪表：-莫兹仪表最佳：：-莫兹仪表棒{
背景：绿色；
}
仪表：-moz仪表次优：：-moz仪表条{
背景：绿色；
}
仪表：-moz仪表次优：：-moz仪表条{
背景：红色；
}

---

非常好的作品，非常感谢您提供宝贵的代码片段。