정보실

웹학교

정보실

css CSS를 사용하여 텍스트 선택을 비활성화 하는 방법

본문

CSS 속성`user-select`를 사용하여 텍스트 선택을 비활성화 하는 방법 알아보기


기본적으로 브라우저를 사용하면 키보드를 사용하거나 Mac에서 cmd-A 조합을 누르거나 마우스를 사용하여 브라우저에서 텍스트를 선택할 수 있습니다.


웹 페이지가 앱처럼 작동하고 문서처럼 작동하지 않게 하려면 어떻게 비활성화 할 수 있습니까?


user-select를 사용하십시오. none; CSS 규칙.


https://caniuse.com/#feat=user-select-none이 알려 주듯이 브라우저 접두사를 사용해야 합니다.


-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;


내가 때때로 사용하는 한 가지는 모든 앱 인터페이스를 선택 불가능하게 하여 사용자 선택을 적용하는 것입니다. none; body 요소에서 다음을 사용하여 특정 요소에서 다시 활성화 할 수 있습니다.



user-select: text;





  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 45회 ]  작성일19-08-16 10:04

웹학교