Я провел некоторое исследование и обнаружил, что вы можете изменить цвет курсора текстовой области/ввода на любой цвет, который вам нравится, но можно ли изменить его на 2 разных цвета?
Я пытался использовать функцию CSS linear-gradient
, но, похоже, это не работает:
textarea {
caret-color: linear-gradient(rgb(0, 255, 0), rgb(0, 0, 0));
}
<textarea></textarea>
тогда как сплошные цвета работают
textarea {
caret-color: red;
}
<textarea></textarea>
Согласно МДН, единственными возможными значениями для ванильного CSS на основе caret-color
являются цвета, представленные в виде значений RGB, RGBA, HSL, HSLA или HWB. Цвета имени или, например. black
. Градиенты не допускаются техническими условиями.