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

列印頁面