2013-02-06 3 views
3

MDN에 따르면 요소의 -moz-user-select- 속성은 모든 하위 요소에도 설정됩니다. 또한 -moz-user-select:text을 사용하여 하위 요소에서 사용자 선택을 다시 사용할 수 있음을 설명합니다.입력 필드에서 텍스트 선택을 다시 사용하는 방법

Firefox에서이 입력 요소를 사용할 수 없지만 Chrome에서는 작동합니다. 이 문제를 해결하는 방법에 대한 아이디어가 있습니까?

예 : http://jsfiddle.net/NBNpF/3/ (입력 상자에 초점을 두려면 Firefox가 아닌 Chrome에서만 작동 함). 나는 FireFox를 사용하고있다. 18.0.2

+0

내가 여기서 본 것은 FF로 작업하고 크롬에서 작업하지 않기 때문에 'unselectable'클래스로 다이빙을 할 수 있으므로 FF로 선택할 수는 없지만 크롬을 변경할 수 있습니다. ' 선택 가능'을 선택하면 ff에서 다시 작동합니다. –

+1

@ Al-Mothafar : 내 컴퓨터에서는 FF가 아닌 Chrome의 입력란에서 텍스트를 선택할 수만 있습니다. 다른 방법으로 당신 주위에 있습니까? – Espo

+0

나는 @Espo와 같았다. – BenM

답변

2

내가 생각하는 해결책을 찾았다면, 열쇠는 -moz-user-select: none;-moz-user-select: -moz-none;으로 대체하는 것이었다. http://jsfiddle.net/NBNpF/7/

내가이 도움말을 희망 : 나는 당신의 jsfiddle을 업데이트

.unselectable { 
    -moz-user-select: -moz-none; 
    -webkit-user-select: none; 
} 

: 같은

귀하의 CSS가 있어야합니다.

관련 문제