Cómo eliminar el caret de un elemento de entrada [duplicar]

Esta pregunta ya tiene una respuesta aquí:

¿Cómo puedo eliminar el caret de un elemento <input type="text"> solo usando CSS y no JavaScript?

Author: Davide Cannizzo, 2014-05-07
Source

2 answers

Por supuesto que puedes hacerlo solo con CSS.

Añade este código a tu archivo CSS: 

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

&:focus {
    outline: none;
}

Aquí tienes la FUENTE y una DEMO

 30
Author: Rafa Romero,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-05-07 10:55:50

Solo puedo decirte que puedes lograr esto aplicando el color a través de css: 

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

DEMOSTRACIÓN DE VIOLÍN

De lo contrario no hay manera de estilizar el cursor de texto con CSS.

 4
Author: Rakesh Shetty,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-05-07 11:14:23