How To – 텍스트 선택 비활성화

w3.css

텍스트 선택 비활성화

CSS를 사용하여 HTML에서 텍스트 선택을 비활성화하는 방법을 알아보자.

텍스트 선택 비활성화

해당 속성을 사용하면 user-select 요소의 텍스트 선택을 비활성화할 수 있다.

웹 브라우저에서 어떤 텍스트를 더블클릭하면 선택/강조 표시된다. 이 속성을 사용하면 이를 방지할 수 있다.

1단계) CSS 추가

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}