nicht angemeldet
Hallo,
ich lasse meine Checkboxen mit jQuery stylen.
Für einen Anwendungsfall ist mir die Größe des Buttons aber viel zu groß.
Ich habe nun mal mit Firebug geschaut, an was es liegt.
Der angegebene label-Tag wird durch jQuery mit einem Span darin erweitert, in dem dann der Text steht.
Dieser Span bekommt die Klasse ui-button-text.
Diese Klasse hat folgende Angabe: padding: 0.4em 1em;
Genau daran liegt es, dass der Button so groß wird.
Gebe ich dem label-Tag eine Klasse mit, wird diese nicht an den span weitergegeben. Das heißt, mit Padding, Margin Angaben kann ich den Button nicht kleiner machen.
Width Height-Angaben gehen aber der Text hat weiterhin sein Padding, so dass er nicht mehr mittig ist.
Ich könnte nun die .css-Datei von jQuery umschreiben, was aber 2 Nachteile hat: Zum einen, es würde nun bei allen Checkboxen anders gemacht werden, was ich nicht will.
Wird eine neue Version raus gegeben, muss die Änderung wieder gemacht werden.
Wie kann ich am besten Einfluss auf die Größe nehmen?
Danke für eure Hilfe.