Как удалить каретку из входного элемента

Как удалить каретку из элемента <input type="text"> только с помощью CSS, а не JavaScript?

Ответ 1

Конечно, вы можете сделать это только с помощью CSS.

Добавьте этот код в свой файл CSS:

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

&:focus {
    outline: none;
}

Здесь у вас SOURCE и DEMO

Ответ 2

Я могу только сказать вам, что вы можете добиться этого, применив цвет через css:

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

FIDDLE DEMO

В противном случае невозможно стирать текстовый курсор с помощью CSS.