Ich habe Tutorials zum Ankreuzen von Kästchen nur mit CSS3 verfolgt und hier ist Folgendes:
DEMO:
Checkboxen sind gut gestylt - aber wenn ich Formularsteuerelemente durchgebe - & gt; Checkbox wird übersprungen. Irgendein Rat warum?
HTML:
%Vor%CSS:
%Vor%EDIT 1:
scheint in Firefox zu funktionieren, aber nicht in Chrome ...
Weil es kein Kontrollkästchen ist.
Sehen Sie sich die CSS an:
%Vor% Das Kontrollkästchen ist tatsächlich ausgeblendet. Du wirst es also nicht fokussieren können. Das stilisierte Quadrat und das Häkchen werden durch das :before pseudo-Element in label angezeigt. Pseudo-Elemente können nicht fokussiert werden. Noch können die Etiketten.
Ich weiß, dass dies eine alte Frage ist, aber ich habe eine Jquery-Lösung entwickelt, als die CSS-Lösung für mich nicht funktionierte, und dachte, dass andere dies hilfreich finden könnten. Ich habe die Eingabe in ein div mit dem gewünschten Tabindex-Wert und der Klasse "checkbox-add-tabindex" eingepackt. Dann habe ich mit Jquery den tabindex vom div zum Eingang transferiert.
HTML:
%Vor%Jquery:
%Vor%