Pseudoclase read-write

La pseudoclase read-write define el estilo de los inputs cuyos valores son editables.

Sintaxis

cssselector:read-write {}

Ejemplo

Establezcamos bordes azules al input en el que se pueden ingresar datos:

html<p>
  <label>Ingresar texto</label>
  <input type="text">
</p>
<p>
  <label>Texto de solo lectura</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Ver también

pseudoclase :read-only,
que define el estilo de los inputs no editables
pseudoclase :default,
que define el estilo de los elementos por defecto
pseudoclase :indeterminate,
que define el estilo de los interruptores que están en estado indeterminado
pseudoclase :optional,
que define el estilo del input que no tiene el atributo required
pseudoclase :required,
que define el estilo del input que tiene el atributo required
pseudoclase :focus-within,
que define el estilo de los elementos en foco
propiedad caret-color,
que define el color del cursor de texto en el input