Dies ist eines der kleineren CSS-Probleme, die mich ständig plagen.
Wie richten sich Leute rund um Stack Overflow vertikal aus? checkboxes
und ihre labels
konsequent Cross-Browser?
Immer wenn ich sie in Safari richtig ausrichte (normalerweise mit vertical-align: baseline
auf der input
), sind sie in Firefox und IE vollständig deaktiviert.
Beheben Sie es in Firefox, und Safari und IE sind unweigerlich durcheinander. Ich verschwende jedes Mal Zeit damit, wenn ich ein Formular codiere.
Hier ist der Standardcode, mit dem ich arbeite:
<form>
<div>
<label><input type="checkbox" /> Label text</label>
</div>
</form>
Normalerweise verwende ich Eric Meyers Reset, sodass Formularelemente relativ frei von Überschreibungen sind. Wir freuen uns auf alle Tipps oder Tricks, die Sie zu bieten haben!
Setzen Sie jedes Kontrollkästchen und jede Beschriftung in ein
– Band eins
18. Januar 2014 um 18:37 Uhr