Каретка-кольорова - CSS-хитрощі

Зміст

caret-colorВластивість в CSS змінює колір курсора (каретки) в входів, texareas, або дійсно будь-який елемент , який редагується, як:

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

Колір каретки зазвичай відповідає colorтексту, але ця властивість дозволяє змінювати їх самостійно.

Підробляючи

До того, як це існувало, існував метод фальсифікації, який передбачав примушування тексту бути прозорим (де підтримується через -webkit-text-fill-color) та зробити текст резервним, кольоровим, через text-shadow.

Підтримка браузера

Дані про підтримку веб-переглядача подані компанією Caniuse, яка містить більше деталей. Цифра вказує на те, що браузер підтримує цю функцію на цій версії та вище.