::-moz-meter-bar
非标准: 该特性尚未标准化。我们不建议在生产环境中使用非标准特性，因为它们在浏览器中的支持有限，且可能发生变化或被移除。不过，在没有标准选项的特定情况下，它们可以作为合适的替代方案。
CSS 伪元素 ::-moz-meter-bar 表示 <meter> 元素中的标量条。它用于选择并应用样式到 meter 元素内部的标量部分。
语法
css
::-moz-meter-bar {
/* ... */
}
示例
HTML
html
普通：<meter min="0" max="10" value="6">得分 6/10</meter>
<br />
样式化： <meter class="styled" min="0" max="10" value="6">
得分 6/10
</meter>
CSS
css
meter {
height: 20px;
width: 200px;
vertical-align: -0.4rem;
}
.styled::-moz-meter-bar {
background: lime;
box-shadow: 0 2px 3px grey inset;
border-radius: 5px;
}
结果
规范
不属于任何标准。
浏览器兼容性
Loading…