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

Как удалить каретку из элемента только с помощью CSS, а не JavaScript?

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

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

 border: none; color: transparent; text-shadow: 0 0 0 gray; text-align: center; &:focus { outline: none; } 

Здесь у вас есть ИСТОЧНИК и ДЕМО

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

  

FIDDLE DEMO

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