caret-color 속성

caret-color 속성은 입력란에 텍스트를 입력할 때 나타나는 텍스트 커서의 색상을 지정합니다. 이 속성은 두 가지 값을 가질 수 있습니다: auto (기본값)과 사용자가 선택한 색상입니다.

구문

css선택자 {
  caret-color: auto 또는 색상;
}

예시

기본 텍스트 커서 색상을 설정해 봅시다:

html<input>

cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

예시

이제 텍스트 커서를 파란색으로 변경해 봅시다:

html<input>

cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

관련 항목