::-webkit-meter-bar

No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.

Resumen

La pseudo-clase ::-webkit-meter-bar establece el estilo para el fondo del elemento meter que contiene el valor.

Ejemplos

html

<meter min="0" max="10" value="6">Puntuación sobre 10</meter>

css

meter {
  /* Resetea a la apariencia por defecto */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

meter::-webkit-meter-bar {
  background: #eee;
  box-shadow: 0 2px 3px rgba (0, 0, 0, 0.2) inset;
  border-radius: 3px;
}

Nota: Sólo funciona en navegadores basados en Webkit/Blink.

Especificaciones

No es parte de ninguna especificación. Es un elemento propietario y específico de WebKit/Blink.

Compatibilidad con navegadores

Ver además

Los pseudo-elementos usados en WebKit/Blink para dar estilos a otras partes del elemento <meter> :