So erhöhen Sie die Kontrollkastengröße in CSS

Ein Kontrollkästchen ist ein Eingangstyp von HTML, mit dem der Benutzer eine Wahl zwischen zwei oder mehr möglichen Optionen treffen kann. Es ermöglicht dem Benutzer, mehrere Werte aus einer vordefinierten Liste auszuwählen. Standardmäßig befindet sich das Kontrollkästchen im kleinen quadratischen Feld. Manchmal ist es jedoch wichtig, die Größe des Kontrollkasten zu erhöhen, um seine Sichtbarkeit zu erhöhen.

In diesem Handbuch erklären wir die Methode, um die Größe des Kontrollkästchens mit CSS zu erhöhen.

So erhöhen Sie die Kontrollkastengröße in CSS?

Sie können Kontrollkästchen in HTML verwenden, um Eingaben von Benutzern zu erhalten. Es bietet einen vordefinierten Wertesatz mithilfe, mit dem der Benutzer eine binäre Auswahl treffen kann. Darüber hinaus, um die Kontrollkastengröße zu erhöhen, die “Breite" Und "HöheEigenschaften von CSS können genutzt werden.

Syntax

Syntax dieser Eigenschaften sind:

Breite: Wert
Höhe: Wert

Anstelle von "Wert", Sie können die" festlegen "Breite" Und "Höhe”Eines beliebigen Elements entsprechend Ihren Vorlieben.

Wechseln wir zum praktischen Beispiel, in dem wir ein Kontrollkästchen erstellen und seine Größe mithilfe von "erhöhen werden"Breite" Und "Höhe" Eigenschaften.

Beispiel: Erstellen Sie ein Kontrollkästchen und erhöhen Sie die Größe in CSS

Um die Kontrollkästchengröße zu erhöhen, nehmen wir zunächst einen Eingangstyp an “Kontrollkästchen”In der HTML -Datei im Tag:

Derzeit lautet die Standardgröße des Kontrollkästchens wie folgt:

Gehen Sie nun zum CSS, um die Größe des Kontrollkästchens zu erhöhen.

Hier werden wir auf das zugreifen “EingangTyp "Typ im HTML -Abschnitt und setzen Sie die Breite und Höhe des Kontrollkästchen50px”:

Eingang
Breite: 50px;
Höhe: 50px;

Wir haben die Größe des erstellten Kontrollkästchen mithilfe von Höhe und Breite CSS -Eigenschaften erfolgreich erhöht:

Notiz: Um die Größe des Kontrollkastens zu erhöhen, “Breite" Und "Höhe”Beide Eigenschaften sind erforderlich, um festzulegen, da sich die Größe nicht ändert, wenn Sie einen Wert angeben.

Wir haben eine einfache Methode abgedeckt, um die Dimension des Kontrollkästchen in CSS zu erhöhen.

Abschluss

Das CSS “Breite" Und "HöheEigenschaften werden verwendet, um die Größe des Kontrollkisten zu erhöhen. Sie können jeden Wert in der “angebenpxEinheiten, um die Größe nach Ihren Anforderungen festzulegen. Die Werte beider Eigenschaften sind jedoch erforderlich, um das Kontrollkästchen zu ändern. In diesem Handbuch haben wir das Verfahren erläutert, um die Kontrollkästchen -Größe mit CSS zu erhöhen.