Kolor kursora wejściowego

Question

Sposób zmiany koloru treści w tekście wejściowym HTML podczas wprowadzania wartości. A także kolor kursora, gdy ma fokus.

Answer 1

Zmiana koloru podczas wprowadzania treści jest łatwe:

input:focus { color: yellow } 

nie poparte IE7 i niższe. Tabela kompatybilności here.

Zmiana koloru kursora nie jest możliwa, o ile wiem. Zwykle przyjmuje kolor tekstu, który w większości przypadków powinien być dobry.

Answer 2

Użyj color, aby określić kolor tekstu. Użyj caret-color, aby określić kolor kranu.

HTML

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

CSS

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

Answer 3

Zastosowanie nowoczesnych CSS!

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