“пользовательский выбор: ни один” и странное поведение в Firefox
Я пытаюсь предотвратить текст, выделяющийся в Firefox для некоторых, но не всех элементах на странице. Рассмотрите следующее:
<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>
Насколько я понимаю, с помощью вышеупомянутых правил CSS, текст внутреннего отделения должен быть highlightable. Однако это, кажется, не работает. На практике ни один из текста не может быть выделен.
Я задаюсь вопросом, делаю ли я что-то не так? В противном случае кто-либо знает об обходном решении для этой ситуации?
Спасибо!
PS я должен добавить то использование альтернативы...
-webkit-user-select: none;
... в вышеупомянутом примере работает просто великолепно в браузерах WebKit
3 ответа
Заменить
<div style="-moz-user-select: none;">
на
<div style="-moz-user-select: -moz-none;">
В описании свойства -moz-user-select указано, что -moz-none означает, что текст элемента и подэлементов не может быть выделен, но выбор может быть включен для подэлементов с помощью -moz-user-select: text;
Mozilla сообщает следующее о свойстве none :
Текст элемента и подэлементов будут выглядеть так, как если бы они не может быть выбран. Любое использование Однако выборка будет содержать эти элементы.
Прочтите -moz-user-select .
Вы можете попробовать onmousedown = "return false" , и вы можете изменить курсор, если вы не хотите, чтобы выделение или указатель с помощью курсора :