Как CSS курсор во входе?(Мигающая линия)

Question

Как изменить CSS курсора мигающей строки на входе?

Я знаю, что это работает, чтобы изменить указатель мыши с помощью курсора: указатель / текст / ... но это не то, что я имею в виду.

Answer 1

Кажется, вы хотите стилизовать указатель курсора внутри текстового поля.Для этого вы можете просто сделать следующее:

HTML

<input type='text'/>

CSS

input,
textarea { // Style for your cursor
    font-size: 14px;
    padding: 2px;
    color: blue;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { // Style for your placeholder 
    color: #ccc;
    text-shadow: none;
    -webkit-text-fill-color: initial;
}