Wie man Kontrollkästchen mit CSS vergrößert

Wenn Sie Kontrollkästchen in Ihren Website-Formularen erstellen, werden diese von Browsern automatisch in einer bestimmten Größe angezeigt. Sie haben die Möglichkeit, diese Bemaßungen zu ändern, indem Sie Cascading Style Sheets auf den HyperText Markup Language-Code Ihrer Seite anwenden. Mit dem CSS können Sie angeben, wie breit und groß die Box ist, und Sie können den Stil auf alle Boxen anwenden, die Sie auswählen.

1

Starten Sie Ihr Texteditorprogramm und öffnen Sie das Dokument mit den Kontrollkästchen.

2

Positionieren Sie den Cursor vor dem Endtag und geben Sie das folgende CSS ein:

Die "input.bigCheckbox" benennt den Stil, den Sie Ihrem HTML-Code zuweisen, um die Kontrollkästchen groß zu machen.

3.

Geben Sie "width:;" ein. und "height:;" zwischen den geschweiften Klammern. Geben Sie nach jedem Attribut Zahlenwerte in Pixel ein, um anzugeben, wie groß die Felder sein sollen. Zum Beispiel:

input.bigCheckbox {width: 40px; Höhe: 40px; }

4

Positionieren Sie den Cursor in der Codezeile, in der das Kontrollkästchen erstellt wird. Geben Sie "class =" gefolgt von "input.bigCheckbox" in Anführungszeichen wie folgt ein:

5

Speichern Sie Ihre Datei.

Empfohlen