English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:read-representar um pseudo-classe CSS que indica um elemento (por exemplo, um elemento de texto editável input) que pode ser editado pelo usuário.
Manual completo de seletores CSS
Se o elemento input não for de leitura apenas, ou seja, não tiver a propriedade "readonly", configure o estilo da caixa de entrada para cor laranja:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial básico(oldtoolbag.com)</title>/title>
<style>
input:read-write
{
background-color: orange;
}
input:-moz-read-write {
background-color: #bbf;
}
</style>
</head>
<body>
<h3> :read-Exemplo de seletor write./h3>
<p>Elemento input normal:<br><input value="hello"></p>
<p>Elemento input de leitura apenas:<br><input readonly value="hello"></p>
<p> :read-O seletor write seleciona elementos que não têm a propriedade "readonly" configurada.</p>
</body>
</html>Teste e veja ‹/›:read-O seletor write é usado para coincidir com elementos legíveis e editáveis.
Atenção: Atualmente, na maioria dos navegadores,-O seletor write é usado apenas para elementos input e textarea configurados.
Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.
| Seletores | |||||
|---|---|---|---|---|---|
| :read-only | Suportado | Não suportado | -moz- | Sim | Sim |
/* Selecionar todos os elementos <input> editáveis */
/* Prefixo necessário no Firefox */
input:-moz-read-write {
background-color: #bbf;
}
/* Suportado em Blink/WebKit/Edge sem prefixo */
input:read-write {
background-color: #bbf;
}Atenção: este seletor não seleciona apenas elementos <input>, também seleciona todos os elementos que podem ser editados pelo usuário, por exemplo, elementos <p> com a propriedade contenteditable configurada.
Seletores CSS :read-only