CSS3 :checkedSelector

CSS完整选择器Manual de referencia completo de selectores CSS

Ejemplo

Establece la altura y el ancho para todos los elementos de entrada seleccionados:

input:checked { height: 50px; width: 50px; }

Pruébalo »

Definición y uso

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

:checked es un selector de pseudo-clase en CSS3 que se utiliza para seleccionar casillas de verificación o botones de opción que están seleccionados en un elemento de formulario. Cuando el usuario hace clic en una casilla de verificación o botón de opción y lo selecciona, el selector :checked se activa. Esto te permite cambiar el estilo del elemento o realizar otras operaciones cuando el usuario elige una opción.

Por ejemplo, puedes usar el selector :checked para cambiar el estilo de las casillas de verificación o botones de opción seleccionados, o vincularlos con otros elementos. Esto es muy útil para crear formularios interactivos o personalizar la apariencia de las casillas de verificación y botones de opción.


Soporte del navegador

Los números de la tabla indican la primera versión del navegador que admite este selector.

Selector
:checked 4.0 9.0 3.5 3.2 9.6

CSS完整选择器Manual de referencia completo de selectores CSS

Otras extensiones