HTML - DOM Style 对象 caretColor 属性

HTML DOM Style 对象的 **caretColor** 属性用于设置或获取任何可编辑元素（例如输入框或文本区域）的光标颜色。

语法

设置 caretColor 属性

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

获取 caretColor 属性

object.style.caretColor;

属性值

值	描述
auto	这是默认值，浏览器使用当前颜色作为光标颜色。
color	指定光标颜色。
initial	用于将此属性设置为其默认值。
inherit	用于继承其父元素的属性。

返回值

返回一个字符串值，表示元素的光标颜色。

HTML DOM Style 对象 'caretColor' 属性示例

以下示例将文本区域的光标颜色从黑色更改为绿色。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM Style Object caretColor Property
    </title>
</head>
<body>
    <button onclick="fun()">Change color</button>
    <br>
    <textarea name="text" id="caret">Hiiii</textarea>
    <script>
        function fun() {
            document.getElementById("caret")
                .style.caretColor = "#04af2f";
        }
    </script>
</body>
</html>

支持的浏览器

属性
caretColor	是 57	是 79	是 53	是 11.1	是 44

html_dom_style_object_reference.htm

打印页面