CSS caret-color 속성

정의와 사용법

caret-color 속성은 input, textareas 또는 어떤 편집 가능한 요소에서 캐럿(삽입 기호)의 색상을 정의합니다.

예제

input 요소에서 캐럿 색상을 설정합니다:

input { 
  caret-color: red;
}

직접 시도해 보세요

CSS 문법

caret-color: auto|color;

속성 값

설명
auto 기본. 브라우저는 currentColor를 사용하여 입력 기호에 색상을 적용합니다.
color

插入기 색상을 설정하는 데 사용되는 규정. 모든 유효한 색상 값(rgb, 십육진수, 이름 색상 등)을 사용할 수 있습니다.

유효 값에 대한更多信息은 확인하십시오: CSS 색상教程.

기술 세부 사항

기본 값: auto
thừa kế:
애니메이션 제작: 지원하지 않습니다. 참조:애니메이션 관련 속성.
버전: CSS3
JavaScript 문법: object.style.caretColor="red"

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari 오페라
57.0 79.0 53.0 11.1 44.0