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:
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?
Hi,
mit Stylesheets geht es, Javascript brauchst du dafür nicht:
<!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>Gruß aus der Marsch!
Ronald
<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.....!?
... und welche Angaben zum Dokumententyp und zum Zeichensatz hast du gemacht ?
Fragt ....
Ronald
Hi,
liegt's vielleicht an dem "l" vor dem "yellow"?
<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>
MfG
6_freddy 
nein daran liegt es nicht....
und welche Angaben zum Dokumententyp und zum Zeichensatz hast du gemacht
-Die Frage verstehe ich nicht ganz?
Hi,
versuch' doch mal:
<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:
<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!?
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?
Nein, hab's auch nicht weiter verfolgt, da ich mich mit dem IE eigentlich nicht beschäftige.