Style caretColor 属性

定义和用法

caretColor 属性规定输入、文本区域或任何可编辑元素中光标（插入符号）的颜色。

另请参阅：

CSS 参考手册：caret-color 属性

实例

将输入字段内的光标颜色设置为红色：

document.getElementById("input1").style.caretColor = "red";

亲自试一试

语法

返回 caretColor 属性：

object.style.caretColor

设置 caretColor 属性：

object.style.caretColor = "auto|color|initial|inherit"

属性值

值 描述
auto 默认。浏览器为插入符号使用 currentColor。
color

规定用于插入符号的颜色。可以使用所有合法的颜色值（rgb、hex、命名颜色等）。

有关合法值的更多信息，请阅读我们的 CSS 颜色教程。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： auto
返回值： 字符串，表示元素的插入符号颜色。
CSS 版本： CSS3

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 53.0 11.1 44.0