커서 색상 변경

커서색상 변경

/* Keyword values */
caret-color: auto;
caret-color: transparent;    /* ios에도 적용가능 */
caret-color: currentcolor;

/* <color> values */
caret-color: red;
caret-color: #5729e9;
caret-color: rgb(0 200 0);
caret-color: hsl(228deg 4% 24% / 80%);

 

캐럿색상
caret-color CSS 속성은 입력한 다음 문자가 삽입될 위치에 표시되는 마커인 삽입 캐럿의 색상을 설정합니다. 이를 텍스트 입력 커서라고도 합니다. 캐럿은 <input>과 같은 요소 또는 contenteditable 속성이 있는 요소에 나타납니다. 캐럿은 일반적으로 더 눈에 띄게 하기 위해 깜박이는 얇은 수직선입니다. 기본적으로 검은색이지만 이 속성으로 색상을 변경할 수 있습니다.

 

 

caret-color - CSS : 캐스케이딩 스타일 시트 | 증권 시세 표시기