caret-color 속성
caret-color 속성은
입력란에 텍스트를 입력할 때 나타나는
텍스트 커서의 색상을 지정합니다.
이 속성은 두 가지 값을 가질 수 있습니다:
auto (기본값)과 사용자가 선택한
색상입니다.
구문
선택자 {
caret-color: auto 또는 색상;
}
예시
기본 텍스트 커서 색상을 설정해 봅시다:
<input>
input {
padding: 5px;
caret-color: auto;
}
:
예시
이제 텍스트 커서를 파란색으로 변경해 봅시다:
<input>
input {
padding: 5px;
caret-color: blue;
}
:
관련 항목
-
전체 화면 모드에서 요소에 스타일을 지정하는
의사 클래스
:fullscreen -
불확정 상태에 있는 토글에 스타일을 지정하는
의사 클래스
:indeterminate -
초점을 받은 요소에 스타일을 지정하는
의사 클래스
:focus-within
