Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 75
Zur Übersicht

75. Die Pseudoklasse :FOCUS (19.12.2001)

Dieser Tipp knüpft an der bereits in den Tipps 42 und 69 praktizierten Idee zum Markieren von Eingabefeldern an. Hier wird anstelle von separaten JavaScript-Funktionen die CSS2-Pseudoklasse :FOCUS herangezogen.
      
      INPUT /* oder INPUT[type="text"] */
      {
      Color: #000000;
      Background-Color: #FFFFFF;
      Font-Weight: normal;
      }


      INPUT:FOCUS  /* oder INPUT[type="text"]:FOCUS */
      {
      Color: #0000CC;
      Background-Color: #FFFFCC;
      Font-Weight: bold;
      }
      
Das folgende Beispiel funktioniert zurzeit lediglich unter Netscape 6.x bzw. Mozilla – kann aber ggf. mit dem Code der genannten Tipps kombiniert werden. Die in /* ... */-Kommentaren stehenden Definitionen mit Attributselektoren können eingesetzt werden, wenn z. B. nur INPUT-Textfelder von der Formatierung betroffen sein sollen, Radio-Buttons oder Check-Boxen aber nicht.