<code>meter</code> 元素可以用于表示已知范围内的度量值，可以使用CSS样式来设置颜色。具体来说，可以使用 <code>::-webkit-meter-optimum-value, ::-moz-meter-bar, ::-webkit-meter-bar</code> 伪元素来设置颜色。
下面的例子中，我们将 <code>meter</code> 元素的最优值（optimum）设置为80，最小值（min）为0，最大值（max）为100。然后使用 <code>::-webkit-meter-optimum-value</code> 伪元素和 <code>background</code> 属性来设置最优值的颜色，使用 <code>::-webkit-meter-bar</code> 伪元素和 <code>background-color</code> 属性来设置所有值的颜色：
```html
<meter value="75" min="0" max="100"></meter>
<style>
meter::-webkit-meter-optimum-value {
background: #7cff7c;
}
meter::-webkit-meter-bar {
background-color: #f1f1f1;
}
</style>
```上述代码中，当 <code>meter</code> 元素的值在80时，最优值（optimum）的颜色为绿色；当值落在0~80之间时，表格的颜色为灰色。可以按照自己的需求设置这些颜色值。
专题推荐：