Axel Richter: Hovereffekt für Formulare

Beitrag lesen

Hallo,

Was genau meinst du mit wie? Wenn du die Browser meinst: FF und IE.

IE scheidet aus, weil er INPUT:hover nicht umsetzt.

Im FireFox würde es funktionieren, wenn:

<style type="text/css">

input:hover{background-color:#D0D0D0};

^Du hier nicht einen Fehler gemacht hättest (Tipp: Die JavaScript-Konsole sollte jetzt eigentlich Fehler-Konsole heißen, weil sie solche Fehler auch anzeigt)...

div.zwei input,

^...und Du hier nicht in die Spezifitätsfalle stolpern würdest. Der Selector
div.zwei input
hat eine Spezifität von 012 (keine ID, eine Klasse, zwei Elemente).
Der Selector
input:hover
hat eine Spezifität von 011 (keine ID, eine Pseudoklasse, ein Element).
Ändere den Selector für input:hover in
div input:hover
oder
div.zwei input:hover

div.zwei textarea {
width: 300px;
margin-top: 5px;
border: 3px double #999999;
background-color: #FFFFFF;
color: #000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
}

</style>

Für den IE hatten wir dieses Problem vor kurzem erst.

viele Grüße

Axel