Как и можно ли вообще убрать мигающий курсор в input type="text"?

Question

[savage_me]

Или убрать его вообще или сделать белым/невидимым. Можно как-то?

Comments

[Дмитрий Гаджиев]

как то не удобно будет с такой формой. не понятно где стоит фокус.

Answer 1

[0xD34F]

можно:

input {
  color: transparent;
  text-shadow: 0 0 0 black;
}

Comments

[savage_me]

О, интересно.
А можете пояснить по двум этим свойствам, что они делают?
input {
color: transparent;
text-shadow: 0 0 0 black;
}

[0xD34F]

savage_me,
1. делает текст (и курсор вместе с ним) прозрачным
2. добавляет тексту тень - без смещения и размытия

[savage_me]

0xD34F, Большое спасибо!

[Tranceinheart]

в голос заржал когда увидел)) Гениально! буду пользоваться

Answer 2

[12Timur21]

caret-color: transparent;

Answer 3

[Никита]

В теории можно, заменив курсор на картинку прозрачную, копать в сторону css свойства cursor

Comments

[savage_me]

Способ выше мне показался более простым. Но все равно спасибо за этот вариат.

[Никита]

savage_me, согласен, возьму на заметку его )