Benjamin Dorner: Formatierungsfrage bezüglich Formular

Hallo,

ich hab eine Frage.
Ich hab ein Formularfeld und hab diesem bereits eine Schriftfarbe (gelb) zugewiesen. Es handelt sich um ein Suchfeld und um das Design nicht zu stören, steht als vordefinierter Begriff (value) das Wort "Suchbegriff" in diesem Feld. Dieses Wort ist in gelb geschrieben und so soll das auch sein.

Jetzt wollte ich jedoch, dass wenn ich das Feld anklicke, damit ich einen Suchbegriff eingeben kann, den eingegebenen Begriff (Text) in schwarz, zwecks der besseren Lesbarkeit. Bis jetzt wird weiterhin in gelb geschrieben.

Ist dies irgendwie (mit css) möglich?

Zu Veranschaulichung könnt ihr euch gern die Homepage ansehen (Formularfeld ist rechts oben - Suchfeld):
http://www.ghwrs-bergatreute.de/index.php

Für Hilfe bin ich sehr dankbar.

MfG
Benjamin Dorner

  1. Hi Benjamin!

    Die Pseudoklasse :focus dürfte genau richtig sein.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. Vielen Dank, dass mit dem :focus hat geklappt.
      IE zeigt es leider nicht an, aber das ist glaub ein IE-Problem.

      Auf jeden Fall Danke
      Gruß Benny

  2. Mahlzeit,

    Jetzt wollte ich jedoch, dass wenn ich das Feld anklicke, damit ich einen Suchbegriff eingeben kann, den eingegebenen Begriff (Text) in schwarz, zwecks der besseren Lesbarkeit. Bis jetzt wird weiterhin in gelb geschrieben.

    Ist dies irgendwie (mit css) möglich?

    Nur, wenn ein Browser verwendet wird, der CSS 1.0 korrekt umsetzt: Stichwort http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=:focus

    Mit Javascript auf jeden Fall: Stichworte http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=onclick, http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onfocus@title=onfocus, http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=this und http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#universaleigenschaften@title=className

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|