Pseudo-clase :read-only de CSS

Definición y uso

CSS :read-only Los pseudo-clases se utilizan para seleccionar elementos "sólo lectura".

Los elementos del formulario con la propiedad readonly se definen como "sólo lectura".

Ejemplo

Elija y configure el estilo de cualquier elemento de entrada "sólo lectura":

input:read-only {
  background-color: lightgray;
  border: 0;
}

Intente hacerlo usted mismo

Sintaxis CSS

:read-only {
  declaraciones css;
}

Detalles técnicos

Versión: CSS3

Compatibilidad del navegador

La numeración en la tabla especifica la versión del navegador que primero admite este pseudo-clase.

Chrome Edge Firefox Safari Opera
1 13 78 4 9

Páginas relacionadas

Referencia:Pseudo-clase :read-write de CSS