Mit CSS auf <input type="text"> zugreifen ???

[fr3ax]

hi,
ich möchte gerne mit css mein Kontaktformular ein bisschen verschönern
u.a. mit mouseovereffekt, hintergrundfarbe usw..

es hapert allerdingds schon daran, den hintergrund von einem eingabefeld zu evrändern, ka ob das überhaupt geht:

----- Source von Formular -----

<table id="text1" bgcolor="666666">
<tr> <td> Name: </td> <td> <input type="text" name="name" size="30" id="input1"> </td></td>
<tr> <td> E-Mail: </td> <td> <input type="text" name="email" size="30"> </td></td>
<tr> <td> Betreff: </td> <td> <input type="text" name="betreff" size="30"> </td></td>
<tr> <td> Ihr Text: </td> <td> <textarea name="text" rows="10" cols="23"> </textarea> </td></td>
<tr> <td> </td> <td> <input type="submit" value="Senden"> <input type="reset" value="Löschen"> </td> </tr>
</table>
</form>
</td> </tr> </table>

------ Source CSS ------

#input1 { background-color: #ff0000; }

MFG fr3ax

[wahsaga]

hi,

es hapert allerdingds schon daran, den hintergrund von einem eingabefeld zu evrändern, ka ob das überhaupt geht:

Klar geht das.

<tr> <td> Name: </td> <td> <input type="text" name="name" size="30" id="input1"> </td></td>

#input1 { background-color: #ff0000; }

Sieht OK aus.
Mit welche(m|n) Browser(n) testest du?

gruß,
wahsaga

[Der Martin]

n'Abend,

<tr> <td> Name: </td> <td> <input type="text" name="name" size="30" id="input1"> </td></td>

#input1 { background-color: #ff0000; }

Sieht OK aus.

Ja, abgesehen davon, dass fr3ax seine td-Elemente alle doppelt abschließt, die tr-Elemente jedoch gar nicht. Das erledigt sich dann aber implizit mit dem nächsten öffnenden tr.

Zum eigentlichen CSS-Problem hab ich aber leider auch keine Idee.

So long,

Martin