CSS를 사용하여 Mozilla Firefox에서 하위 입력 텍스트 선택을 활성화하려면 어떻게해야합니까?

다음 시나리오를 고려해 보겠습니다. 나는 렌더링 된 모든 요소가 선택 가능하지 않은 다음 페이지를 가지고있다.CSS를 사용하여 Mozilla Firefox에서 하위 입력 텍스트 선택을 활성화하려면 어떻게해야합니까?

<html> 
<head> 
    <style type="text/css"> 
     body { 
      -webkit-user-select: none; 
      -moz-user-select: none; 
     } 
     div { 
      border: solid 1px green; 
      padding: 5px; 
     } 
    </style> 
</head> 
<body> 
    <div> 
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 
     nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
     Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper 
     suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem 
     vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat 
    </div> 
    <div> 
     <input type="text" value="You can select the text from me" /> 
     <textarea> 
      And me too. 
     </textarea> 
    </div> 
</body> 
</html>

input 및 textarea 텍스트는 여전히 구글 크롬에서 선택할 수 있지만 텍스트는 파이어 폭스에서 선택할 수 없습니다. input 및 textarea은 이미 선택할 수 없습니다 문서 본문 요소에 중첩 된 (내가 볼 수있는까지) 그것은 단순히 때문에 작동하지 않습니다 ...

input, textarea { 
    -moz-user-select: text !important; 
}

을 그리고 : 난 이미 다음 시도했습니다. 그렇다면 CSS를 사용하여 Firefox에서 중첩 된 사용자 입력 요소를 텍스트로 선택할 수 있습니까?

제안 해 주셔서 감사합니다.

출처

2010-05-11 Lyubomyr Shaydariv

합니까 :

body { 
     -webkit-user-select: none; 
     -moz-user-select: -moz-none; /* changed from none to -moz-none */ 
    } 
    input, textarea { 
     -moz-user-select: text; 
    }

작업을?

this page을 참조하십시오.

출처

2010-05-11 09:41:17

네, 그 점을 놓쳤습니다. 고마워, Salman A! :) –

더 많은 경우 :'input, textarea' 규칙은 그럴 필요가 없습니다. 그러나 고마워. :) –

CSS를 사용하여 Mozilla Firefox에서 하위 입력 텍스트 선택을 활성화하려면 어떻게해야합니까?

답변

관련 문제