English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:read-representar un pseudo-clase CSS que indica un elemento (por ejemplo, un elemento de texto editable como input) que puede ser editado por el usuario.
Manual de referencia de selectores CSS completo
Si el elemento input no es de solo lectura, es decir, no tiene la propiedad "readonly", configure el estilo del cuadro de entrada en naranja:
<!DOCTYPE html>
<html
<head
<meta charset="utf-8">
<title> Tutoriales básicos (oldtoolbag.com)</title>/>title
<style
input:read-escribir
{
fondo-color: orange;
}
input:-moz-leer-escribir {
fondo-color: #bbf;
}
</>style
</>head
<body
<h3> :read-Ejemplo de selector write.</h3>
<p>Elemento de entrada común:<br><input value="hello"></p>
<p>Elemento de entrada de solo lectura <input readonly value="hello"></p>
<p> :read-El selector write selecciona elementos sin establecer "readonly".</p>
</body>
</html>Prueba aquí ‹/›:read-El selector write se utiliza para coincidir con elementos legibles y editables.
Nota: Actualmente, en la mayoría de los navegadores, :read-El selector write solo se aplica a elementos input y textarea configurados.
Los números en la tabla indican la primera versión del navegador que admite el atributo.
| Selector | |||||
|---|---|---|---|---|---|
| :read-sólo | Se admite | No se admite | -moz- | Sí | Sí |
/* Seleccionar todos los elementos <input> editables */
/* Se necesita prefijo en Firefox */
input:-moz-leer-escribir {
fondo-color: #bbf;
}
/* Soportado en Blink/WebKit/Edge sin prefijo */
input:read-escribir {
fondo-color: #bbf;
}Nota: este selector no solo selecciona elementos <input>, también selecciona todos los elementos que pueden ser editados por el usuario, por ejemplo, elementos <p> con el atributo contenteditable establecido.
Selector de CSS :read-sólo