Каре-цвет - CSS-хитрости | CSS Альманах 2024

caret-colorСвойство в CSS изменяет цвет курсора (каретки) в входов, texareas, или действительно любой элемент , который редактируется, как:

input, textarea, (contenteditable) ( caret-color: red; )

Цвет каретки обычно совпадает с цветом colorтекста, но это свойство позволяет изменять их независимо.

Подделывая это

До того, как это существовало, существовал способ подделки, заключающийся в том, чтобы заставить текст быть прозрачным (если поддерживается через -webkit-text-fill-color) и заставить текст отображать резервную копию, раскрасить через text-shadow.

Поддержка браузера

Эти данные о поддержке браузером взяты из Caniuse, где есть более подробная информация. Число означает, что браузер поддерживает эту функцию в этой версии и выше.