Как убрать Blinker из поля ввода в HTML

Question

Мне было интересно, если есть способ убрать мигалку внутри ввода. Я видел некоторые сайты без указателя, но не смог найти ни одного кода, связанного с ним.

Заранее спасибо

Answer 1

Проверьте ответ Лайоша Месароса здесь https://stackoverflow.com/a/23472096/2929068 эти варианты кажутся вам подходящими для достижения того же поведения, которое вы ищете.

Основная идея заключается в том, что цвет курсора совпадает с цветом текста. Итак, первое, что вы делаете, это делаете текст прозрачным, тем самым убирая с него курсор. Затем вы можете снова сделать текст видимым с помощью тени текста. Используйте эту ссылку, чтобы увидеть его вживую в jsfiddle

input[type="text"]{
    color : transparent;
    text-shadow : 0 0 0 #000;
}
input[type="text"]:focus{
    outline : none;
}

<input type="text" value="test message" />

Answer 2

Попробуйте это

.blinker {
    color: transparent;
    text-shadow: 0 0 0 gray;

}

<input type="text"   class="blinker">

Answer 3

Вы можете использовать caret-color: transparent; - однако, это не самая лучшая поддержка браузера.

input {
  caret-color: transparent;
}

<input type="text">

Answer 4

Попробуйте использовать этот CSS:

input {
   color: transparent;
   text-shadow: 0 0 0 #2196f3;

   &:focus {
    outline: none;
   }
}