Christian S.: Zuweisung zweier CSS Properties

Beitrag lesen

Hi,

folgender Snippet:

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>

<style type="text/css">

input[type=text]
{
background-color: #ffcc00;
}

.test
{
background-color: #ff0000;
}

</style>

</head>

<body>
 <form>

<input type="text" onfocus="this.className='test';" onblur="this.className='';" />

</form>
 </body>
</html>

ich möchte, dass alle Textboxen einen bestimmten Style haben, dass sage ich in input[type=text].

Bei einem Event, möchte ich die Klasse wechseln (this.className='').

Klappt auch. Nur die BGColor wird nicht neu gesetzt.

also ersterer Selektor scheint stärker zu binden, als der zweite...?

kann man das Problem lösen?

input[type=text]:focus (o.ä.) kommt wegen IE nicht in Frage.

Gruß
Christian