CSS-Input Feld+farbwechsel bei Focus?

Hallo, ich habe mehrer input felder von typ text in einem Formular.
Diese Felder sollen, wenn sie den Focus erhalten ihre farbe ändern. Dies habe ich momentan so realisiert:

Code

onFocus="this.style.backgroundColor='white'" onBlur="this.style.backgroundColor='lightyellow'"

das funktioniert auch gut, nur müsste ich dies bei jedem Feld machen, und ich habe einige davon. Ist es also irgendwie möglich dies mit css vorzu definieren?
hoffe mir kann geholfen werden?

Ronald

Hi,

mit Stylesheets geht es, Javascript brauchst du dafür nicht:

HTML

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Input-Test</title>
<style type="text/css">
<!--
input {background-color: lightyellow;}
input:focus {background-color: white;}
-->
</style>
</head>


<body></body>
<input ></input>


<input ></input>


<input ></input>


</body>
</html>

Alles anzeigen

Gruß aus der Marsch!

Ronald

Code

<style type="text/css">
<!--
 input, select
   { background-color:lyellow;border:1px solid black; }
   input:focus { background-color:red; color:black;  border:2px solid black; }

</style>

das habe ich jetzt da zu stehen, geht aber leider nicht.....!?

Ronald

... und welche Angaben zum Dokumententyp und zum Zeichensatz hast du gemacht ?

Fragt ....

Ronald

6_freddy

Hi,
liegt's vielleicht an dem "l" vor dem "yellow"?

Zitat

<style type="text/css">
<!--
input, select
{ background-color:lyellow;border:1px solid black; }
input:focus { background-color:red; color:black; border:2px solid black; }

</style>

Alles anzeigen

MfG
6_freddy

nein daran liegt es nicht....

Zitat

und welche Angaben zum Dokumententyp und zum Zeichensatz hast du gemacht

-Die Frage verstehe ich nicht ganz?

6_freddy

Hi,
versuch' doch mal:

Zitat

<style type="text/css">
<!--
input
{ background-color:lightyellow; border:1px; border-style:solid; border-color:black; }
input:focus { background-color:red; color:black; border:2px; border-style:solid; border-color:black; }

</style>

MfG
6_freddy

es sieht bei mir jetzt so aus:

Code

<style type="text/css">
<!--
 input, select
   { background-color:lightyellow;border:1px solid black; }


 input:focus { background-color:red; color:black;  border:2px solid black; }
 -->
</style>

es funktioniert einfach nicht! Bei Focus ändert sich nicht die Farbe!?

Ronald

Moin!

Ich sehe gerade, daß der IE das nicht kapiert, mit Mozilla-Browsern klappt es.
Ich schau nachher mal ob ich eine IE-Lösung finde, muß jetzt aber erstmal weg.

G.a.d.M.

Ronald

und eine IE Lösung gefunden?

Ronald

Nein, hab's auch nicht weiter verfolgt, da ich mich mit dem IE eigentlich nicht beschäftige.

Tags