CSS
커서 스타일링

통사론

• 커서 : 자동 | 기본 | 없음 | 컨텍스트 메뉴 | 도움 | 포인터 | 진행 | 기다리다 | 세포 | 십자선 | 텍스트 | 세로 텍스트 | 별칭 | 사본 | 이동 | 노 드롭 | 허용되지 않는 | 전자 크기 조정 | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | 행 크기 조정 | 모든 스크롤 | 확대 | 축소 | 잡아 | 잡는;

커서 유형 변경

cursor: value;

예 :

포인터 이벤트

pointer-events 속성을 사용하면 HTML 요소가 마우스 / 터치 이벤트에 응답하는 방식을 제어 할 수 있습니다.

.disabled {
  pointer-events: none;
}

이 예에서,

'none'은 지정된 HTML 요소 [1]의 모든 클릭, 상태 및 커서 옵션을 방지합니다.

HTMl 요소의 다른 유효한 값은 다음과 같습니다.

• 자동;
• 상속.

1. https://css-tricks.com/almanac/properties/p/pointer-events/

기타 자료 :

• https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

• https://davidwalsh.name/pointer-events

캐럿 색상

캐럿 색상 CSS 속성은 사용자의 입력 또는 편집으로 텍스트 및 기타 내용이 삽입되는 요소에서 삽입 지점의 가시적 표시기 인 캐럿의 색상을 지정합니다.

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

자원:

• https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color