English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

CSS @reglas (RULES)

大全 de propiedades CSS

CSS3 Selector :checked

El selector de pseudo-clase :checked de CSS representa cualquier elemento HTML de opción ("option") dentro de un elemento radio (<input type="radio">), casilla de verificación (<input type="checkbox">) o ("select") que esté en estado seleccionado.

Manual de referencia de selector CSS completo

Ejemplo en línea

Establecer el color de fondo para todos los elementos de entrada seleccionados:

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Guía básica(oldtoolbag.com)</title> 
<style> 
input:checked {
    height: 55px;
    width: 55px;
}
</style>
</head>
<body>
<form action="">
<input type="radio" checked="checked" value="male" name="gender" />Hombre<br>
<input type="radio" value="female" name="gender" /> Mujer<br>
<input type="checkbox" checked="checked" value="Bike" /> Bicicleta<br>
<input type="checkbox" value="Car" /> Coche
</form>
</body>
</html>
Prueba y mira ‹/›

Definición y uso

El selector :checked coincide con cada elemento de entrada seleccionado (solo se aplica a botones de radio o casillas de verificación).

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite el atributo.

Selector




:checked4.09.03.53.29.6

Manual de referencia de selector CSS completo