CSS-Eigenschaften überschreiben

[D.]

Hallo zusammen,

ich habe folgendes HTML-Fragment (vereinfacht):

<div class="x-form-item"><div class="x-form-element"><input type="checkbox"/></div></div>

Die CSS-Klasse x-form-item hat u.a. gesetzt:

height: 27px !important

Direkt kann ich nur auf das <input>-Element zugreifen (wir entwickeln mit GWT und das HTML wird generiert). Meine Frage: Kann ich dem <input>-Element irgendwie eine CSS-Anweisung mitgeben, damit die Höhe von dem div-Element zwei Ebenen drüber auf 0px gesetzt wird?

Notfalls auch unter Einsatz von JavaScript?

Danke für die Hilfe und viele Grüsse,
Daniel

[Gunnar Bittersmann]

@@D.:

nuqneH

Direkt kann ich nur auf das <input>-Element zugreifen (wir entwickeln mit GWT und das HTML wird generiert).

?? Was hat die Generierung des HTML mit dem Stylesheet zu tun?

Meine Frage: Kann ich dem <input>-Element irgendwie eine CSS-Anweisung mitgeben, damit die Höhe von dem div-Element zwei Ebenen drüber auf 0px gesetzt wird?

Nein.

Notfalls auch unter Einsatz von JavaScript?

Ja. Vom 'input'-Element (foo) ausgehend foo.parentNode.parentNode.style.height = "0";

Qapla'

[D.]

@@D.:

nuqneH

Direkt kann ich nur auf das <input>-Element zugreifen (wir entwickeln mit GWT und das HTML wird generiert).

?? Was hat die Generierung des HTML mit dem Stylesheet zu tun?

Vielen Dank für die Antwort!

Wenn ich das HTML direkt editieren könnte, würde ich einfach die Klasse des DIV-Elements anders setzen. Doch wird diese bei der Generierung automatisch gesetzt; würde ich sie also in der .css-Datei abändern, wäre das auch bei allen anderen Checkboxen so (und dort ist die Höhe eben gewünscht).

Viele Grüsse,
Daniel