English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:disabled CSS pseudo-class representa qualquer elemento desativado. Se um elemento não puder ser ativado (como seleção, clique ou aceitação de entrada de texto), ou obter o foco, ele está em estado desativado. O elemento também tem um estado ativado (enabled state), no qual o elemento pode ser ativado ou obter o foco.
Manual completo de seletores CSS
Definir a cor de fundo de todos os elementos de entrada com type="text" desativados:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico(oldtoolbag.com)</title>
<style>
input[type="text"]:enabled
{
background:yellow;
}
input[type="text"]:disabled
{
background:#dddddd;
}
</style>
</head>
<body>
<form action="">
Nome: <input type="text" value="Mouse"> /><br>
Região: <input type="text" disabled="disabled" value="Disneyland"> /><br>
</form>
</body>
</html>Teste e veja ‹/›:disabled Selector combina com cada elemento desativado (usado principalmente para elementos de formulário).
Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.
| Selector | |||||
|---|---|---|---|---|---|
| :disabled | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Definir cor de fundo para todos os elementos de entrada desativados:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico(oldtoolbag.com)</title>
<style>
input:enabled
{
background:yellow;
}
input:disabled
{
background:#dddddd;
}
</style>
</head>
<body>
<form action="">
Nome: <input type="text" value="Mickey" /><br>
Sobrenome: <input type="text" value="Mouse" /><br>
País: <input type="text" disabled="disabled" value="Disneyland" /><br>
Senha: <input type="password" name="password" />
<input type="radio" value="male" name="gender" /> Masculina<br>
<input type="radio" value="female" name="gender" /> Feminina<br>
<input type="checkbox" value="Bike" /> I have a bike<br>
<input type="checkbox" value="Car" /> I have a car
</form>
</body>
</html>Teste e veja ‹/›