HTML / CSS: Wie kann ich die Kontrollkästchen beim Vergrößern und beim Verkleinern verkleinern?
Ich habe diesen einfachen Code zum Testen:
%Vor%Hier ist das Ergebnis:
Wenn ich jedoch verkleinere, wird der Text kleiner, aber die Kontrollkästchen bleiben gleich.
und wenn ich zoome, wird der Text größer, aber die Kontrollkästchen bleiben gleich
ist es möglich, dass die Checkboxen ihre Größe ändern? zum Beispiel proportional zur Größe ihres Etiketts? Vielen Dank im Voraus
4 Antworten
Verwenden Sie CSS3, um die Liste sowie die vom Browser gerenderten Kontrollkästchen zu vergrößern!
%Vor%Sie können dies mit CSS3 a tun, indem Sie den Selektor: check verwenden. Was das ist, verwenden Sie eine formatierte Eingabe mit einem Hintergrundbild. Wenn Sie also heranzoomen, wird die Größe und der Text neu skaliert. Leider funktioniert es nicht in IE9 und unter.
CSS:
%Vor%HTML:
%Vor%Sie könnten Ihr eigenes Kontrollkästchen-Steuerelement erstellen, sodass Sie sich nicht auf die native Betriebssystemimplementierung verlassen würden. Wenn Sie es mit gängigen HTML-Elementen erstellen, funktioniert der Browser-Zoom problemlos.
Es gibt viele existierende Plugins für Bibliotheken (wie jQuery)
Firefox hat eine "Nur-Text" -Zoomfunktion, im Gegensatz zu Chrome, bei dem diese Funktion fehlt.
Um alles in Firefox zu vergrößern, entfernen das Häkchen und setzt die Zoomstufe zurück.
Sehen Sie sich für Chrome-Browser die Zoom-Plugins mit dieser Funktion an.