CSS caret-color 属性
caret-color 属性用来定义插入光标（caret）的颜色，这里说的插入光标，就是那个在网页的可编辑器区域内，用来指示用户的输入具体会插入到哪里的那个一闪一闪的形似竖杠 | 的东西。
实例
设置 input 元素中光标的颜色：
<!DOCTYPE html><html><head><style>.example1 {caret-color: red;}.example2 {caret-color: transparent;}</style></head><body><h1>caret-color 属性</h1><input value="默认的 caret color"><br><br><input class="example1" value="自定义的 caret color"><br><br><input class="example2" value="透明的 caret color"><p contenteditable="" class="example1">此段落可以编辑。其插入符号也有自定义颜色。</p></body></html>
定义和用法
caret-color 属性规定 input、textareas 或任何可编辑元素中的光标（插入符号）的颜色。
提示：上面说的“光标”只是光标（caret）的其中一种。比如一些浏览器有一种光标叫做 导航光标（navigation caret），它可以在不可编辑区域内来回移动。此外，当鼠标指针移动到一段 cursor 属性是 auto 的文本上方时，或移动到 cursor 属性是 text、 vertical-text 的內容上方時，虽然看起来有点像插入光标，但它不是插入光标（caret），而是鼠标指针光标（cursor）。
| 默认值： | auto |
|---|---|
| 继承： | 是 |
| 动画制作： | 不支持。请参阅：动画相关属性。 |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.caretColor="red" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| caret-color | 57.0 | 79.0 | 53.0 | 11.1 | 44.0 |
CSS 语法
caret-color: auto|color;
属性值
| 值 | 描述 |
|---|---|
| auto | 默认。浏览器将 currentColor 用于插入符号。 |
| color | 规定用于插入符号的颜色。可以使用所有合法的颜色值（rgb、十六进制、命名颜色等）。 有关合法值的更多信息，请参阅 CSS 颜色教程。 |