備忘録的プログラミングリファレンス

caret-color プロパティ

 caret-color プロパティは、<input><textarea> エレメントのように、編集が可能な場合に表示されるカーソル(キャレット)の色を指定するプロパティです。

caret-color プロパティ
.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値)、ブラウザの設定による
colorCSS Color

備考(Remarks)

初期値(Default value)auto
継承(Inherited)Yes
変化(Animatable)No

Example

 caret-color プロパティの例です。編集用のカーソルの色を変えています。