CSS-псевдоэлемент `::-moz-meter-bar`

Нестандартный элемент: Эта функция является нестандартной и не входит в планы стандартизации. Не используйте её на рабочих сайтах в Интернете: она будет работать не у всех пользователей. Кроме того, реализации могут существенно различаться, а поведение может измениться в будущем.

::-moz-meter-bar CSS-псевдоэлемент представляет индикатор измерительного прибора в элементе <meter>. Он используется для выбора индикатора внутри элемента измерительного прибора и применения к нему стилей.

Примечание: По умолчанию элемент <meter> использует встроенные стили. Чтобы применить собственные стили, сначала задайте appearance: none для элемента <meter>, а затем задайте стили с помощью ::-moz-meter-bar.

Синтаксис

meter {
  appearance: none;
}
::-moz-meter-bar {
  /* ... */
}

Примеры

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

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;
}

Результат

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-moz-meter-bar