是否可以将文本区域的插入符号颜色更改为*两种*颜色?
Is it possible to change the caret-color of a textarea to *two* colors?
我做了一些研究,发现您可以将 textarea/input 的插入符颜色更改为您喜欢的任何颜色,但是是否可以将其更改为 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>
根据 MDN,原版 CSS-based caret-color
的唯一可能值是表示为 RGB、RGBA、HSL、HSLA 或 HWB 值的颜色 或 名称颜色,例如black
。规范不允许使用渐变。
我做了一些研究,发现您可以将 textarea/input 的插入符颜色更改为您喜欢的任何颜色,但是是否可以将其更改为 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>
根据 MDN,原版 CSS-based caret-color
的唯一可能值是表示为 RGB、RGBA、HSL、HSLA 或 HWB 值的颜色 或 名称颜色,例如black
。规范不允许使用渐变。