caret-colorプロパティ
caret-colorプロパティは、
テキスト入力時に表示される入力欄の
テキストカーソルの色を指定します。
このプロパティは2つの値を受け取ります:
auto（デフォルト）と、ユーザーが指定した
色です。
構文
セレクタ {
caret-color: auto または 色;
}
例
デフォルトのテキストカーソルの色を 指定してみましょう:
<input>
input {
padding: 5px;
caret-color: auto;
}
:
例
次に、テキストカーソルを青色に 変えてみましょう:
<input>
input {
padding: 5px;
caret-color: blue;
}
:
関連項目
-
フルスクリーンモードの要素にスタイルを指定する
擬似クラス
:fullscreen
-
不定状態のトグル要素にスタイルを指定する
擬似クラス
:indeterminate
-
フォーカスされた要素にスタイルを指定する
擬似クラス
:focus-within
