Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
:read-write
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2020.
Lapseudo-clase:read-write deCSS representa un elemento (como uninput) que es editable por el usuario.
css
/* Selecciona cualquier elemento <input> que sea editable *//* Compatible con Firefox con un prefijo */input:-moz-read-write { background-color: #bbf;}/* Compatible con Blink/WebKit/Edge sin un prefijo */input:read-write { background-color: #bbf;}Nota:Este selector no solo selecciona texto de<input>; seleccionarácualquier elemento que pueda editar el usuario, como un elemento<p> concontenteditable establecido en él.
Sintaxis
Error: could not find syntax for this itemEjemplo
HTML
html
<input type="text" value="Escribe lo que quieras aquí." /><input type="text" value="Este es un campo de solo lectura." readonly /><p>Este es un párrafo normal.</p><p contenteditable="true">¡Puedes editar este párrafo!</p>CSS
css
input { min-width: 25em;}input:-moz-read-write { background: cyan;}input:read-write { background: cyan;}p:-moz-read-write { background: lightgray;}p:read-write { background: lightgray;}p[contenteditable="true"] { color: blue;}Resultado
Especificaciones
| Specification |
|---|
| HTML # selector-read-write |
| Selectors Level 4 # read-write-pseudo |
Compatibilidad con navegadores
Ver también
:read-only- Atributo HTML
contenteditable