[CSS]CSS 유용한 속성 pointer-event, user-select

CSS에서 유용하게 사용되는 속성 두가지를 살펴보겠습니다.

 

pointer-events

pointer-events는 CSS 속성으로, 요소가 마우스 이벤트(클릭, 터치 등)를 받을 수 있는지 여부를 제어합니다. 이 속성은 주로 요소가 사용자 상호작용을 받아들이거나 무시하도록 설정할 때 사용됩니다.

 

user-select: none

user-select: none;은 사용자 경험을 향상시키기 위해 사용자가 특정 텍스트를 선택하지 못하도록 하는 유용한 CSS 속성입니다. 이를 통해 텍스트 선택이 불필요하거나 방지해야 하는 상황에서 유용하게 사용할 수 있습니다.

 

예시.

[disabled],[disabled='true']
pointer-events:none;
user-select:none;