Checkbox selbst getalten

[Linuchs]

Hallo,

die Standard-Checkboxen lassen sich - zumindest im Firefox - nicht in der Größe verändern. Selbst dann, wenn man per [Strg][+] Texte und Bilder vergrößert, bleiben Checkboxen unverändert kümmerlich.

Auf dieser Seite habe ich eine interessante Checkbox entdeckt, die auch funktioniert, wenn Javascript ausgeschaltet ist.

<div class="form-item form-type-checkbox form-item-updates-opt-in-td">
 <label class="form-label label-checkbox" for="edit-updates-opt-in-td"> <input type="checkbox" id="edit-updates-opt-in-td" name="updates_opt_in_td" value="Tesla Newsletter" checked="checked" class="checkbox" /><i class="icon-checkbox"></i>
Get Tesla Updates via email </label>
</div>

Mir ist nur nicht klar, wie die funktioniert, weil eine unübersichtlich große Zahl an CSS Dateien eingebunden ist.

Auch das Betrachten mit "Element untersuchen" entzieht sich einer Analyse, weil unüberschaubar groß mit vielen unbeteiligten Tags und Streichungen.

Kann man das mit übersichtlich vielen Zeilen CSS hinbekommen?

Linuchs