::-moz-meter-bar

非标准:此功能是非标准的,并且不在标准轨道上。不要在面向 Web 的生产站点上使用它:它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性,并且行为在将来可能会更改。

::-moz-meter-bar CSS 伪元素 表示 <meter> 元素中的仪表刻度。它用于选择和应用仪表元素内部刻度的样式。

语法

css
::-moz-meter-bar {
  /* ... */
}

规范

不属于任何标准。

示例

HTML

html
Normal: <meter min="0" max="10" value="6">Score 6/10</meter>
<br />
Styled: &nbsp;&nbsp;<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::-moz-meter-bar {
  background: lime;
  box-shadow: 0 2px 3px grey inset;
  border-radius: 5px;
}

结果

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅