strohhalm.org / Archiv / (X)HTML & CSS / Eintrag lesen

Formularfelder mit Focus-Effekt?

1. Formularfelder mit Focus-Effekt?

   mad-boy 21. November 2004, 16:33

   Hi,
   ich versuche Formularfeldern einen Focus-Effekt zuzuweisen. Mit den Mozilla Browsern klappt ja input:focus { } problemlos, auch wenn es nicht sehr css konform ist. Im InternetExplorer funktioniert das aber leider nicht, weiß da jemand rat? Ich habe keine Lust jedem Feld extra ein JavaScript mitzugeben. Ich will lediglich die Hintergrundfarbe des gerade aktiven Feldes ändern.

2. Re: Formularfelder mit Focus-Effekt?

   Juggler 21. November 2004, 16:49

   >Mit den Mozilla Browsern klappt ja input:focus { } problemlos, auch wenn es nicht sehr css konform ist.
   Ist es nicht?? Seit wann denn das? Eigentlich ist die Pseudoklasse :focus korrektes CSS2 (seit 1998).
   
   Um dem IE diese Funktion doch zu ermöglichen kannst du dir das Suckerfish Script ein wenig umschreiben.
   http://www.alistapart.com/articles/dropdowns/
   Das Script sucht sich alle Elemente eines bestimmten Typs und ergänzt sie um einen Eventhandler "onmouseover" der die gewünschte Aktion ausführt.
   
   Zum Einbinden würde ich Conditional Comments benutzen und nicht wie im ALA-Beispiel eine JS-Browserweiche.
   
   MfG
   Juggler