«user-select: none» и странное поведение в Firefox

Question

Я пытаюсь предотвратить выделение текста в 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, текст внутреннего div должен быть выделен. Однако это не похоже на работу. На практике ни один текст не может быть выделен.

Мне интересно, что я делаю не так? Если нет, кто-нибудь знает обходной путь для этой ситуации?

Спасибо!

ps Я должен добавить, что использую альтернативу ...

-webkit-user-select: none;

... в приведенном выше примере отлично работает в браузерах webkit

Answer 1

Заменить

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

с

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

Описание свойства -moz-user-select гласит, что -moz-none означает, что текст элемента и подэлементов не может быть выбран, но выбор можно включить на подэлементах, используя -moz-user-select: text;

Answer 2

Mozilla сообщает следующее о свойстве none:

Текст элемента и подэлементов будет выглядеть так, как будто они не может быть выбран. Любое использование Выбор, однако, будет содержать эти элементы.

Чтение -moz-user-select .

Answer 3

Вы можете попробовать onmousedown="return false", и вы можете изменить курсор, если вы не хотите выделение или указатель с помощью cursor: