::-moz-meter-bar
非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。
::-moz-meter-bar CSS 伪元素表示 <meter> 元素中的计量条。它用于选择和对计量元素内部的计量条应用样式。
注意：默认情况下，<meter> 元素使用原生样式。要应用您自己的样式，首先在 <meter> 元素上设置 appearance: none，然后使用 ::-moz-meter-bar 进行样式设置。
语法
css
meter {
appearance: none;
}
::-moz-meter-bar {
/* ... */
}
示例
HTML
html
Normal: <meter min="0" max="10" value="6">Score 6/10</meter>
<br />
Styled: <meter class="styled" min="0" max="10" value="6">
Score 6/10
</meter>
CSS
css
meter {
height: 20px;
width: 200px;
vertical-align: -0.4rem;
}
.styled {
appearance: none;
}
.styled::-moz-meter-bar {
background: lime;
box-shadow: 0 2px 3px grey inset;
border-radius: 5px;
}
结果
规范
不属于任何标准。
浏览器兼容性
加载中…