Wie kann ich eine Checkbox vergrößern?

Sie können dies mit Bildern tun.

CSS

HTML

Auf diese Weise können Sie das Ziel erreichen.

BEARBEITEN

Hier ist der Arbeitslink für IE

Vielleicht erscheint es ein wenig zu offensichtlich, aber es funktioniert:

Es funktioniert, wie Sie es von IE und Chrome erwarten, und obwohl es unter Firefox nicht so aussieht, als ob es größer wäre, erhalten Sie dennoch eine größere Hit-Box:

Sie können das Aussehen der Kontrollkästchen in den meisten Browsern nicht ändern. Überprüfen Sie dies: Ссылка

Versuchen Sie ein Element hinzuzufügen und ändern Sie den Status des Kontrollkästchens. Überprüfen Sie dies für ein Beispiel: Ссылка

Leider ist CSS mit <input> irgendwie undefiniert, was die Möglichkeiten einschränkt, sie zu modifizieren. Verschiedene Browser machen die Dinge anders. width und height arbeiten praktisch nur mit Kontrollkästchen im Internet Explorer.

Es sind verschiedene Lösungen erschienen, zum Beispiel , die Checkboxen mit JS emulieren, sodass diese gestylt werden können .

Da Sie das Aussehen von Checkboxen, die mit dem Browser kompatibel sind, nicht ändern können, schlage ich vor, etwas wie Ryan zu verwenden Fait beschreibt in seinem Blog . Mit dieser Technik können Sie benutzerdefinierte Grafiken für Ihre Kontrollkästchen verwenden.

Sie können das CSS-Zoom-Tag verwenden.