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