ユーザー操作
caret-color
caret-color は、入力欄などで文字を入れる位置に点滅する、文字カーソル（キャレット）の色を指定します。
構文
auto | <color> [ auto | <color> ]?プレビュー
プリセット
右下の角をドラッグするとサイズを変えられます
コード
.box {
caret-color: #e0951a;
}コントロール
caret-color#e0951a
解説
値の書き方
色を書きます。初期値の auto では、ふつうは文字の色（currentcolor）になります。ブラウザは、背景に紛れないように色を変えることもあります。caret-color は継承します。
このページのプレビューの入力欄をクリックすると、文字カーソルが出ます。transparent にすると、文字は入力できたままカーソルだけが見えなくなります。
効く要素
input・textarea と、contenteditable で編集できるようにした要素に効きます。マウスのカーソルの形は cursor で決めます。
2 つ目の値
仕様では 2 つ目の値も書けて、四角い文字カーソル（caret-shape: block）のときに、カーソルに重なった文字の色になります。まだどのブラウザも 2 つ目の値には対応していないので、このページのコントロールでは扱いません。