Colore del cursore di input

Question

Come modificare il colore del contenuto nel testo del tipo di input HTML durante l'immissione di un valore. E anche il colore del cursore quando è attivo.

Answer 1

Modifica del colore entrando contenuto è semplice:

input:focus { color: yellow } 

non supportato da IE7 e inferiore. Tabella di compatibilità here.

Cambiare il colore del cursore in modo specifico è impossibile per quanto ne so. Solitamente assumerà il colore del contenuto del testo, che dovrebbe andare bene nella maggior parte dei casi.

Answer 2

Utilizzare color per specificare il colore del testo. Utilizzare caret-color per specificare il colore del cursore.

HTML

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

CSS

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

Answer 3

uso moderno CSS!

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