Pseudoclasse read-write

A pseudoclasse read-write define o estilo para inputs cujos valores estão disponíveis para edição.

Sintaxe

cssseletor:read-write {}

Exemplo

Vamos definir bordas azuis para o input onde é possível inserir dados:

html<p>
  <label>Digite texto</label>
  <input type="text">
</p>
<p>
  <label>Texto somente leitura</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Veja também

a pseudoclasse :read-only,
que define o estilo para inputs não editáveis
a pseudoclasse :default,
que define o estilo para elementos padrão
a pseudoclasse :indeterminate,
que define o estilo para interruptores em estado indeterminado
a pseudoclasse :optional,
que define o estilo para inputs sem o atributo required
a pseudoclasse :required,
que define o estilo para inputs com o atributo required definido
a pseudoclasse :focus-within,
que define o estilo para elementos em foco
a propriedade caret-color,
que define a cor do cursor de texto no input