Comment augmenter la taille de la case à cocher dans CSS

Une case à cocher est un type d'entrée de HTML qui permet à l'utilisateur de faire un choix entre deux ou plusieurs options possibles. Il permet à l'utilisateur de sélectionner plusieurs valeurs dans une liste prédéfinie. Par défaut, la case à cocher est dans la petite boîte carrée; Cependant, parfois, il est important d'augmenter la taille de la case à cocher pour augmenter sa visibilité.

Dans ce manuel, nous expliquerons la méthode pour augmenter la taille de la case à l'aide de CSS.

Comment augmenter la taille de la case à cocher dans CSS?

Vous pouvez utiliser des cases à cocher en HTML pour prendre les commentaires des utilisateurs. Il offre un ensemble prédéfini de valeurs à l'aide duquel l'utilisateur peut faire un choix binaire. De plus, pour augmenter la taille de la case à cocher, le «largeur" et "hauteur«Les propriétés de CSS peuvent être utilisées.

Syntaxe

La syntaxe de ces propriétés est:

Largeur: valeur
hauteur: valeur

À la place de "valeur", Vous pouvez définir le"largeur" et "hauteur«De n'importe quel élément selon vos préférences.

Passons à l'exemple pratique, où nous créerons une case à cocher et augmenterons sa taille en utilisant «largeur" et "hauteur" propriétés.

Exemple: créez une case à cocher et augmentez sa taille dans CSS

Pour augmenter la taille de la case à cocher, nous allons d'abord prendre un type d'entrée "cocher"Dans le fichier html à l'intérieur de la balise:

Actuellement, la taille par défaut de la case est la suivante:

Maintenant, passez au CSS pour augmenter la taille de la case à cocher.

Ici, nous allons accéder au «saisir»Type défini dans la section HTML et définissez la largeur et la hauteur de la case comme«50px»:

saisir
Largeur: 50px;
hauteur: 50px;

Nous avons réussi à augmenter la taille de la case créée à l'aide des propriétés CSS de hauteur et de largeur:

Note: Pour augmenter la taille de la case à cocher, «largeur" et "hauteur«Les deux propriétés sont nécessaires pour définir car la taille ne change pas si vous spécifiez une valeur.

Nous avons couvert une méthode simple pour augmenter la dimension de la case à cocher dans CSS.

Conclusion

Le CSS "largeur" et "hauteur»Les propriétés sont utilisées pour augmenter la taille de la case à cocher. Vous pouvez spécifier n'importe quelle valeur dans le «px"Unités pour définir la taille en fonction de vos exigences. Cependant, des valeurs des deux propriétés sont nécessaires pour redimensionner la case à cocher. Dans ce guide, nous avons expliqué la procédure pour augmenter la taille de la case à cocher à l'aide de CSS.