Pseudo-classe :read-only CSS

Definição e uso

CSS :read-only Os pseudo-classes são usados para escolher elementos 'somente leitura'.

Elementos de formulário com a propriedade readonly são definidos como 'somente leitura'.

Exemplo

Escolha e defina o estilo de qualquer elemento de entrada 'somente leitura':

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

Experimente você mesmo

Sintaxe CSS

:read-only {
  declarações css;
}

Detalhes técnicos

Versão: CSS3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse pseudo-classe.

Chrome Edge Firefox Safari Opera
1 13 78 4 9

Páginas relacionadas

Referência:Pseudo-Classe :read-write do CSS