Свойство caret-color - цвет текстового курсора в инпуте в CSS
Свойство caret-color задает
цвет текстового курсора в инпуте,
который появляется при вводе текста.
Свойство может принимать два значения:
auto (по умолчанию) и выбранный
пользователь цвет.
Синтаксис
селектор {
caret-color: auto или цвет;
}
Пример
Давайте зададим цвет текстового курсора по умолчанию:
<input>
input {
padding: 5px;
caret-color: auto;
}
:
Пример
А теперь давайте перекрасим текстовой курсор в синий цвет:
<input>
input {
padding: 5px;
caret-color: blue;
}
:
Смотрите также
-
псевдокласс
:fullscreen,
который задает стиль элементам в полноэкранном режиме -
псевдокласс
:indeterminate,
который задает стиль переключателям, которые находятся в неопределенном состоянии -
псевдокласс
:focus-within,
который задает стиль элементам в фокусе