[HTML/CSS] input 커서 색상 변경하기 (caret-color)

 

지난번에는 input의 배경색과 글자색을 변경하는 방법을 알아보았습니다.

[HTML/CSS] input 배경색, 글자색 변경하기

 

이번에는 input 필드 안의 커서 색깔을 변경하는 방법입니다.

 

caret-color

이 caret-color 속성을 이용하여 input 필드 안의 커서 색상을 변경할 수 있습니다.

 

  예제  

<input type='text' />

input {
  caret-color: red;
}

 

input 필드를 클릭해보세요.

커서가 빨간색으로 변경되었습니다.