CSS 사용자 선택 속성

<div> 요소의 텍스트 선택 방지:

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

정의 및 사용

user-select속성은 요소의 텍스트를 선택할 수 있는지 여부를 지정합니다 .

웹 브라우저에서 일부 텍스트를 두 번 클릭하면 선택/강조 표시됩니다. 이 속성을 사용하여 이를 방지할 수 있습니다.

표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

-webkit- 또는 -moz- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.

Property
user-select	54.0 6.0 -webkit-	79.0 10.0 -ms-	69.0 2.0 -moz-	3.1 -webkit-	41.0 15.0 -webkit-

user-select: auto|none|text|all;

Value	Description	Play it
auto	Default. Text can be selected if the browser allows it
none	Prevent text selection
text	The text can be selected by the user
all	Text selection is made with one click instead of a double-click