caret-color プロパティ
caret-color プロパティは、<input>、<textarea> エレメントのように、編集が可能な場合に表示されるカーソル（キャレット）の色を指定するプロパティです。
.green_caret {
caret-color: green;
}
詳しくは Example を参照してください
入力用のエレメントではなくても contenteditable 属性が true になっていれば編集カーソルは表示されます。
<input>、<textarea> エレメントはデフォルトで contenteditable 属性が true になっています。
ページ内 Index
構文(Syntax)
CSS
caret-color: auto | color ;
DOM ( JavaScript )
String = object.style.caretColor;
object.style.caretColor=" auto | color ";
値（Values）
| Value | 摘要 |
|---|---|
| auto | 初期値（default値）、ブラウザの設定による |
| color | CSS Color |
備考（Remarks）
| 初期値（Default value） | auto |
| 継承（Inherited） | Yes |
| 変化（Animatable） | No |
Example
caret-color プロパティの例です。編集用のカーソルの色を変えています。