aktives textfeld hervorheben

[mario4583]

Hallo,

ich frage mcih wie man es hinbekommt das wenn ich im Browser JS und Java deaktiviere trotzdem bei mehreren textfeldern das aktive Hervorheben kann.

Beispiel: http://www.1und1.de dann auf kundenlogin im oberen Reiter drücken, das Feld was gerade aktiv ist wird blau hinterlegt (geht aber nciht im IE)

[wahsaga]

Re: aktives textfeld hervorheben

:focus

[mario4583]

Ihr versteht mcih hoffentlcih richtig, ich will nicht nen Link hervorheben sondern das Textfeld....

[mario4583]

ok danke wahsaga, ich hab gefunden, hier meine lösung:

CSS:
.text:focus { border-bottom-color:#FF0000; background-color:#000000;}

HTML:
<input class="text" type="text" name="textfeld1">
<input class="text" type="text" name="textfeld2">

ABER eine frage hab ich noch, WARUM geht das net im IE????

(Bitte nicht mit der Antwort kommen: "Weil der IE scheiße ist!")

[prego]

Weil der IE sog. Pseudo-Klassen nicht auf allen Elementen unterstützt.

Das einzige was er kann ist :hover und :active auf A-Tags. :link und :visited kann er wohl auf allen Elementen.

Falls du eine Lösung suchst, kann ich dir das hier empfehlen: http://www.php-resource.de/forum/sho...threadid=57735

Dadurch wird quasi ein JavaScript per CSS (behavior) an ein Element (body) gebunden.

[wahsaga]

Original geschrieben von mario4583
ABER eine frage hab ich noch, WARUM geht das net im IE????

weil der IE scheisse ist ...

(und auf so gut wie alle elemente anwendbare pseudoformate wie :hover oder :focus immer noch ausschließlich für links interpretieren mag.)

(Bitte nicht mit der Antwort kommen: "Weil der IE scheiße ist!")

wenn du die wahrheit nicht hören möchtest - dann darfst du auch nicht fragen ...

*g*

[ghostgambler]

Original geschrieben von mario4583
CSS:
.text:focus { border-bottom-color:#FF0000; background-color:#000000;}

HTML:
<input class="text" type="text" name="textfeld1">
<input class="text" type="text" name="textfeld2">

ABER eine frage hab ich noch, WARUM geht das net im IE????

wenn der IE es eh nicht unterstützt, würde ich es doch so machen
input[type=text]:focus {
css-code hier
}
spart das hinschreiben von class="text"

[prego]

Nice ghostgambler - das kannt ich noch nicht....

[ghostgambler]

Original geschrieben von prego
Nice ghostgambler - das kannt ich noch nicht....

is aber CSS2!
http://de.selfhtml.org/css/formate/z...emente_weitere
http://de.selfhtml.org/css/formate/z...tributbedingte
(wie ich die ShowAnchors-Extension vom FF liebe ^^)

[ghostgambler]

übrigens für IE, weil mir grade auch mal der Gedanke kam das zu machen
http://dean.edwards.name/IE7/overview/
Sollte eigentlich funktionieren, probier ich gleich mal aus

[mario4583]

@ prego
THX für den JavaScript Tipp, aber ich muss ohne JS arbeiten.

input[type=text] {}
das mag ja der IE überhaupt nicht, wenn ich nicht wüsste das min. 50% aller online User den IE nutzen würd ich auf den garkeine rücksicht nehemen!!! So nen scheiß teil.....aber ihc hoffe ja immer noch auf IE7 und Windows "V.I.S.T.A."