input

Das geht mit JavaScript, Farbwerte ersetzen, auch als Hexadezimalzahl möglich:

<input onfocus="this.style.backgroundColor = 'red'; return false;" onblur="this.style.backgroundColor = 'white'; return false;" />

Fubbi? Was erzählst du da? O.o

/* Beim herüberfahren erhält das Input eine grüne Aussenlienie */
input:hover {
    outline: 1px solid green;
}




/* Wenn "der Zeiger im Input ist" soll die Schriftfarbe Rot und Fett sein */
input:focus, input:active {
    color: red;
    font-weight: bold;
}

Das können wir natürlich noch alles ein wenig spezifizieren
Wäre ja was ganz neues, wenn sowas mit css nicht steuerbar ist.. Kleiner Test findest du hier unter [Anmelden] oder [Registrieren], reines CSS..

Kannst du mal auflisten in welchen Browsern das funktioniert?

Also im Firefox 3.6, IE 8, Opera 11, Chrome 8 und Safari 5, also in allen aktuellen gehts.
Abgesehen davon, dass es bei solchen Sachen nicht so dramatisch ist, dass sie nicht gehen. Deswegen gleich auf js zurückzugreifen ist Käse.
DerWaldschrat

Gerne, kurz theoretisch alle Browser, die nicht aus der Steinzeit sind. Also

• IE (ab 3 wurde angefangen das zu implementieren, und im 6 funktioniert alles einwandfrei/haben Sie alle Dynamischen Pseudoklassen übernommen)
• Opera (ab 5.12)
• Gecko (Firefox ab 1.0)
• KHTML (z.B. Konqueror ab 3.1)
• Webkit (Chromium + Safari ab 1.0)

Das ist CSS2 Standard, ein Browser welchen diesen noch nicht in diesen Punkten erfüllt ist kompletter Müll.. <.<
Und weil das eben so alt ist, findest du da drüber auch keine aktuellen Listen, wo das genau klappt. Du kannst schließlich heutzutage auch mit CSS aufklapp Menüs machen, ohne dir groß Gedanken zu machen, ob das auch ja jeder Browser versteht

Quellen:
<!-- m --><a class="postlink" href="http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active">http://de.selfhtml.org/css/eigenschafte ... ver_active</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.css4you.de/hover.html">http://www.css4you.de/hover.html</a><!-- m -->
(Bitte jeweils immer auf das Datum achten :wink: Die Daten sind quasi Uralt xD)

Naja.. der IE ist da immer noch son Sonderfall.. mein dynamisches Menu möchte der auch nicht^^

Echt nicht? Uihh.. nett O.o
Aber wenigstens die neueren Versionen ab 8 werden das jetzt unterstützen xD
Das :hover und :active sind schließlich CSS1 Elemente.. und :focus ist CSS2.. das sollte also so gaaaanz allmählich auch mal bei denen angekommen sein^^
Und ich sag mal, so eine Inputfärbung sollte der doch wohl gerade noch so hinkriegen.. und wenn nicht, naja dann wäre das eben so^^
Würden eben maximal 5% deiner Besucher, keine Färbung erkennen Wer eben noch mit dem C64 surfen zu müssen, der ist selber schuld ;D

(BTW: Version 8 hat übrigens bei dem Acid-Test die 30Punkte Marke geknackt gehabt Das höchste jemals von einem IE erzielte Ergebnis^^ [Ausgenommen Beta-Versionen/Die IE9-Beta Version, die hat nach meinem letzten Wissenstand immerhin fast die 70Punkte geschafft ])

Wenn ich mich richtig erinnere (zum mindest war das vor nem halben Jahr noch so), dann unterstützt der IE die Pseudoklassen zwar, aber eben nur für Links. Mein Menu funktioniert über li:hover, da funktioniert es nicht. Bei input funktioniert es dann dementsprechend auch nicht

LG

Schau dir mal das hier an:
<!-- m --><a class="postlink" href="http://www.fdg.ab.by.schule.de/dropdown.php">http://www.fdg.ab.by.schule.de/dropdown.php</a><!-- m --> oder <!-- m --><a class="postlink" href="http://www.webdesignerwall.com/demo/css3-dropdown-menu/css-gradient-dropdown.html">http://www.webdesignerwall.com/demo/css ... pdown.html</a><!-- m -->
Das sind zwei Dropdownmenü dieser Art, und es funktioniert im IE.
DerWaldschrat