Свойство caret-color

Свойство caret-color задава цвят на текстов курсор в инпут, който се появява при въвеждане на текст. Свойството може да приема две стойности: auto (по подразбиране) и избран от потребителя цвят.

Синтаксис

cssселектор {
  caret-color: auto или цвят;
}

Пример

Нека зададем цвят на текстов курсор по подразбиране:

html<input>
cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Пример

А сега нека пребоядисаме текстовия курсор в син цвят:

html<input>
cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

Вижте също

  • псевдоклас :fullscreen,
    който задава стил на елементи в цялоекранен режим
  • псевдоклас :indeterminate,
    който задава стил на превключватели, които са в неопределено състояние
  • псевдоклас :focus-within,
    който задава стил на елементи във фокус