텍스트 선택을 억제하는 방법

CSS를 사용하여 HTML에서 텍스트 선택을 비활성화하는 방법을 배우는 것을 추천합니다.

이 텍스트는 선택될 수 있습니다.

이 텍스트는 선택되지 않습니다.

텍스트 선택 비활성화

사용할 수 있습니다 user-select 요소의 텍스트 선택을 비활성화하는 속성입니다.

웹 브라우저에서 텍스트를 더블 클릭하면, 텍스트가 선택/밝은색으로 표시됩니다. 이 속성을 사용하여 이러한 상황을 방지할 수 있습니다.

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 및 IE 11 */
  user-select: none; /* 표준 문법 */
}

직접 시도해 보세요

관련 페이지

참조 매뉴얼:CSS user-select 속성