::-moz-meter-bar

Kein Standard: Diese Funktion ist nicht standardisiert und befindet sich nicht im Standardisierungsprozess. Verwenden Sie sie nicht auf Produktionsseiten, die auf das Web ausgerichtet sind: Sie wird nicht für alle Benutzer funktionieren. Außerdem kann es große Inkompatibilitäten zwischen Implementierungen geben und das Verhalten kann sich in Zukunft ändern.

Das ::-moz-meter-bar CSS Pseudo-Element repräsentiert die Anzeigeskala in einem <meter>-Element. Es wird verwendet, um Stile auf die Skala innerhalb eines Meter-Elements anzuwenden und auszuwählen.

Syntax

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

Spezifikationen

Teil keiner Norm.

Beispiele

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

Ergebnis

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch