Pseudoclasse read-write

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

Sintaxe

seletor:read-write {}

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

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

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

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