Programing

CSS로 특정 텍스트를 선택할 수 없게 만드는 방법

lottogame 2020. 4. 14. 08:21
반응형

CSS로 특정 텍스트를 선택할 수 없게 만드는 방법


이 질문에는 이미 답변이 있습니다.

내 페이지의 머리글에 가운데 텍스트가 있지만 사용자가 선택할 수 없도록하고 싶습니다. CSS로 이것을 할 수있는 방법이 있습니까?


아래 CSS는 사용자가 텍스트를 선택할 수 없도록합니다.

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

IE9를 아래쪽으로 대상으로 지정하려면 html 속성을 unselectable대신 사용해야합니다.

<p unselectable="on">Test Text</p>

텍스트 영역 충분을 위해 간단한 배경 이미지를 사용하십시오.

또는

<div onselectstart="return false">your text</div>

참고 URL : https://stackoverflow.com/questions/6900124/how-to-make-certain-text-not-selectable-with-css


반응형