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

브라우저 지원

표에서의 숫자는 이 특성을 최초로 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
57.0 79.0 53.0 11.1 44.0