Textfeld in einem Formular highlighten

Status
Nicht offen für weitere Antworten.

spesso

Mitglied
Wie highlighte ich eine textfeld in einem Formular ?

Hoi all,

ich habe schon auf diversen Seiten gesehen das sie beim draufklicken in ein Formular-Textfeld die Farbe wechselt. Wie genau funktioniert das ist das css oder jscript ?

THX for help
 
Entweder mit JSS:
PHP:
<input type="text" ... onFocus="this.style.backgroundColor='#FF0000';">
oder über CSS mithilfe der Pseudoformatierung element:focus:
PHP:
<style type="text/css">
input.roterhg:link { }
input.roterhg:visited { }
input.roterhg:hover { }
input.roterhg:active { }
input.roterhg:focus { background-color:#FF0000 }
</style>
...
<input type="text" ... class="roterhg">
hth,
Geist
 
Zuletzt bearbeitet:
Hallo,

dein Satzbau lässt nicht 100 prozentig erkennen, was du möchtest, aber ich denke du meinst Folgendes:

PHP:
<input name="name" type="text" style="background:'white'" onClick="this.style.background='red'" onBlur="this.style.background='white'">
Versuch doch demnächst bitte, deine Fragen etwas deutlicher zu formulieren. Danke!

Gruß, Dick

//Edit: Klar, wieder zu langsam! :)
 
Zuletzt bearbeitet:
Besten Dank für die Hilfe es kunktioniert jetzt einwandfrei:)

@Dick Starbuck
werds mir das nächste mal merken mit der Satzstellung :)


Gruss spesso
 
Geist hat gesagt.:
oder über CSS mithilfe der Pseudoformatierung element:focus:
PHP:
<style type="text/css">
input.roterhg:link { }
input.roterhg:visited { }
input.roterhg:hover { }
input.roterhg:active { }
input.roterhg:focus { background-color:#FF0000 }
</style>
...
<input type="text" ... class="roterhg">
hth,
Geist

Hallo,

leider ist diese Variante nciht gut. Funktioniert nur bei NICHT-InternetExplorer-Browsern.
Gibt es da keine andere Variante, die ohne JS funktioniert?

Gruß

hook
 
Wieso nicht mit JS?


@Dick Starbuck: Man kann auch statt onClick onFocus nehmen, dann wir die Farbe auch geändert, wenn man z.B. mit TAB reinspringt.
 
Original geschrieben von hookx
Hallo,

leider ist diese Variante nciht gut. Funktioniert nur bei NICHT-InternetExplorer-Browsern.
Gibt es da keine andere Variante, die ohne JS funktioniert?

Gruß

hook
Die Variante die du da gequotet hast ist doch schon die Version ohne JS. Für mich sieht das jedenfalls nach CSS aus (<style type="text/css">)

Ich habs jetzt zwar nicht ausprobiert, aber im IE sollte 'focus' auch funktionieren, die anderen (active, hover...) funktionieren sicher.
 
nein, css:focus funktioniert, wie schon gesagt, NICHT mit dem IE.
egal mit welcher version. das funktioniert nur mit opera, ns ab 6, und mozilla.

naja, dann muss ich wohl aber auf die js-variante zurückgreifen.
danke;)

btw: ich weiß selber, dass das, was ich da gequotet habe, css ist;)
 
Öhm.. Was ich da gepostet habe funktioniert auf jeden Fall im IE und auch in anderen Browsern. Und verwendet kein onFocus. Was ist dein Problem damit?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück