Farbe des Eingabe-Cursors

Question

So ändern Sie die Farbe des Inhalts in HTML-Eingabetext, während Sie einen Wert eingeben. Und auch die Cursor-Farbe, wenn es den Fokus hat.

Answer 1

die Farbe ändern, wenn der Inhalt der Eingabe ist einfach:

input:focus { color: yellow } 

nicht von IE7 und unteren unterstützt. Kompatibilitätstabelle here.

Das Ändern der Cursorfarbe ist meines Wissens nicht möglich. Es wird normalerweise die Farbe des Textinhalts annehmen, die in den meisten Fällen in Ordnung sein sollte.

Answer 2

Verwenden Sie color, um die Textfarbe anzugeben. Verwenden Sie caret-color, um die Caret-Farbe anzugeben.

HTML

<input class="examples" /> 
<textarea class="examples"></textarea> 

CSS

.examples { 
    color: gray; 
    caret-color: red; 
} 

Answer 3

Verwenden modernen CSS!

input { 
    caret-color : red; 
} 
input:focus { 
    color : yellow; 
}