2011-10-24 2 views
0

웹 응용 프로그램을 개발 중이며 사용자의 웹 페이지에있는 텍스트 선택을 차단하려고합니다. 개인적으로 나는 이것을 위해 자바 스크립트를 추가하는 것을 좋아하지 않습니다. CSS 만 사용하면 가능합니까?CSS를 사용하여 웹 페이지에서 텍스트 선택을 피하는 방법은 무엇입니까?

미리 감사드립니다.

+4

참조 : http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting –

+0

아니 지금까지의 내가 일반적으로 CSS 2.1 알고 있어요, 당신 이것을 위해 JS 사용. 왜이 목적으로 JS를 추가하고 싶지 않은지 물어볼 수 있습니까? – dougajmcdonald

+3

왜 이것을하고 싶습니까? 사용자를 괴롭 히고 페이지의 소스를 보거나 CSS를 비활성화하도록 강요하십시오. –

답변

2

CSS3 규칙이 있습니다 (예 : user-select 속성).하지만 작성 당시에는 모든 브라우저에서 지원되지 않습니다. 트릭을 찾고 있다면 여기에 하나가 있습니다 :

비활성화 된 DIV와 같은 크기의 오버레이 DIV를 생성하고 CSS 위치 지정을 사용하여 비활성화 된 DIV 위에 놓습니다. 폭, 높이 또는 위치 계산에 문제가있는 경우 간단한 CSS를 사용하거나 JavaScript로 폴백 할 수 있습니다. 그건 그렇고 사용자에게 짜증나는 일이 될 수 있습니다.

demo here

+0

정보를 제공해 주셔서 감사합니다. –

관련 문제