Comment supprimer le signe insertion d'un élément d'entrée

Question

Comment puis-je supprimer le signe insertion d'un <input type="text"> élément utilisant uniquement CSS et non JavaScript?

Answer 1

Bien sûr, vous pouvez le faire simplement avec CSS.

Ajoutez ce code à votre fichier CSS:

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

&:focus {
    outline: none;
}

Ici vous avez la source et une démo

Answer 2

Je peux seulement vous dire que vous pouvez y parvenir en appliquant la couleur via css:

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

FIDDLE DEMO

Sinon, il n'y a aucun moyen de styliser le curseur de texte avec CSS.