2010-06-20 1 views
8

Firefox의 텍스트 강조 표시를 방지하려고합니다. 다음 고려 : 나는 위의 CSS 규칙을 사용하여, 그것을 알고있는 것처럼Firefox에서 "user-select : none"과 이상한 동작이 발생했습니다.

<div style="-moz-user-select: none;"> 
I cannot be highlighted 
    <div style="-moz-user-select: text;"> 
    I should be highlightable, but am not. 
    </div> 
</div> 

것은, 내부 DIV의 텍스트는 highlightable해야한다. 그러나 이것은 효과가없는 것처럼 보입니다. 실제로는 텍스트를 강조 표시 할 수 없습니다.

내가 잘못하고 있는지 궁금해합니다. 그렇지 않은 경우 누구나이 상황에 대한 해결책을 알고 있습니까?

감사합니다. 내가 대체를 사용하여 ...

-webkit-user-select: none; 

가 ... 위의 예에서 웹킷 브라우저에서 잘 작동하는지 추가해야

PS

당신은 onmousedown="return false"을 시도 할 수 있습니다 당신은을 변경할 수 있습니다
+1

나는 많은 드래그 앤 드롭을하는 웹 응용 프로그램이 있습니다. 우발적 인 마우스 클릭은 무해한 강조 표시를 유발하지만 사용자에게는 혼동을 줄 수 있습니다. – Travis

답변

13

교체

<div style="-moz-user-select: -moz-none;"> 

-moz-none가 요소와 하부 요소의 텍스트가 선택 될 수 있음을 의미하지만, 선택에 사용할 수 있다는 -moz-user-select 속성 상태의 description

<div style="-moz-user-select: none;"> 

하위 요소 사용 -moz-user-select: text;

+0

아주 좋습니다. 감사! – Travis

+0

나를 잡은 것은 -moz-user-select : all을 사용하는 것이 었습니다. 어떤 이유로 든 작동하지 않으며 -moz-user-select : text를 사용해야합니다. –

-1

당신이 cursor:

2

Mozilla에서 선택 또는 포인터를하지 않으려면 알려준다 커서하여 none 부동산에 관한 다음

요소의 텍스트와 하위 요소은 을 선택할 수없는 것처럼 보입니다. 그러나 선택 사항을 사용하면 요소가 포함됩니다.

-moz-user-select을 읽으십시오.

+0

사실입니다. 그러나 내부 -moz-user-select는 여전히 제대로 적용되지 않습니다. 실제로는 모든 것이 강조 표시 될 수 있지만 내부 텍스트 만 강조 표시되어야합니다 *. – Travis

+0

이 속성의 역할에 상관없이 내부 div는 외부 div의 * sub-element *입니다. – Babiker

+0

맞아, 맞는 말이야. – Travis

관련 문제