manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

Funções CSS (Functions)Manual Completo de Selectores CSS

CSS3 Seletor :checked

O seletor :checked CSS representa qualquer elemento HTML (option) dentro de um elemento radio (input type="radio"), checkbox (input type="checkbox") ou (select) que esteja selecionado.

Manual completo de seletores CSS

Exemplo online

Definir a cor de fundo para todos os elementos de entrada selecionados:

Exemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial básico(oldtoolbag.com)</title>　
<style>　
input:checked　{
　　　　altura:　55px;
　　　　largura:　55px;
}
</style>
</head>
<body>
<form action="">
<input type="radio" checked="checked" value="male" name="gender">　/>Homem<br>
<input type="radio" value="female" name="gender">　/>　Mulher<br>
<input type="checkbox" checked="checked" value="Bike">　/>　Bicicleta<br>
<input type="checkbox" value="Carro">　/>　Carro
</form>
</body>
</html>

Teste e veja ‹/›

Definição e uso

O seletor :checked coincide com cada elemento de entrada selecionado (apenas para botões de rádio ou caixas de seleção).

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.

Seletor
:checked	4.0	9.0	3.5	3.2	9.6

Manual completo de seletores CSS

Funções CSS (Functions)Manual Completo de Selectores CSS