2013-04-16 2 views
1

http://jsfiddle.net/gBG65/4/Невозможно выбрать формы в Firefox?

В эмуляции моего фактического проекта здесь у нас есть текстовый ввод в div. Div и все остальное в нем должно быть не поддающимся выбору, отсюда его CSS. Но форма должна быть не такой, поэтому ее CSS, все равно это так или иначе. Несмотря на то, что, если я проверяю элемент, он правильно унаследовал все и должен работать, он все еще не поддается выбору.

Это только Firefox.

Любые объяснения или исправления?

div * { 
    -moz-user-select: -moz-none; 
    cursor:default; 
} 

input { 
    cursor: auto; 
    -moz-user-select: -moz-user-select:text; 
} 
+0

«должен быть» не поддающимся выбору - имейте в виду, что пользователи могут редактировать это свойство, чтобы сделать элементы доступными, если им нравится – Aprillion

+1

О, да, я это знаю. Я не имел в виду это ** MUST ** быть не поддающимся выбору, просто для того, чтобы он был оптимальным для пользователя. – Aerovistae

ответ

3

Если вы читали docs

Вы можете увидеть это -moz-none;

и повторно включить использование: -moz-user-select: text;

Также удалить * ...

Example

+0

Глупый глупый я, доверяю SO ... http: //stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting – Aerovistae

+0

Если вы только посмотрели 1 ответ дальше;) http: // stackoverflow .com/вопросы/826782/css-rule-to-disable-text-selection-highlighting # 4358620 –

+0

Waiiiiiiit минута. Вы достали звездочку. Если я верну его, он перестанет работать снова. Мне нужна эта звездочка, чтобы все остальные дети Дива были недоступны. Почему эта звездочка переопределяет стиль элемента? – Aerovistae