Come rimuovere il cursore da un elemento di input

Question

Come posso rimuovere il punto di inserimento da un elemento <input type="text"> solo utilizzando CSS e non JavaScript?

Answer 1

Ovviamente lo si può fare solo con CSS.

Aggiungere questo codice al vostro file CSS:

border: none; 
color: transparent; 
text-shadow: 0 0 0 gray; 
text-align: center; 

&:focus { 
    outline: none; 
} 

Qui avete la SOURCE e DEMO

Answer 2

vi posso solo dire che si può raggiungere questo obiettivo applicando il colore attraverso css:

<input type="text" style="color: transparent;text-shadow: 0 0 0 red;" /> 

FIDDLE DEMO

Altrimenti non è possibile modellare il cursore del testo con CSS.