English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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
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 ‹/›
El selector :checked coincide con cada elemento de entrada seleccionado (solo se aplica a botones de radio o casillas de verificación).
Los números en la tabla indican la primera versión del navegador que admite el atributo.
Selector | |||||
---|---|---|---|---|---|
:checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |