Cómo hacer más grandes las casillas de verificación con CSS

Cuando crea casillas de verificación en los formularios de su sitio web, los navegadores los muestran automáticamente en un tamaño particular. Tiene la opción de cambiar estas dimensiones aplicando las Hojas de estilo en cascada al código de lenguaje de marcado de hipertexto de su página. El CSS le permite especificar qué tan ancho y alto es el cuadro, y puede aplicar el estilo a cualquier cuadro que elija.

1.

Inicie su programa de editor de texto y abra el documento que tiene las casillas de verificación.

2.

Coloque su cursor antes de la etiqueta final y escriba el siguiente CSS:

La "entrada.bigCheckbox" nombra el estilo que aplica a su código HTML para hacer que las casillas de verificación sean grandes.

3.

Introduzca "ancho:;" y "altura:;" entre los corchetes. Escriba los valores de los números en píxeles después de cada atributo para especificar el tamaño que desea que tengan los cuadros. Por ejemplo:

input.bigCheckbox {width: 40px; altura: 40px; }

4.

Coloque su cursor en la línea de código que crea la casilla de verificación. Ingrese "class =" seguido de "input.bigCheckbox" entre comillas, como esto:

5.

Guarda tu archivo.