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