Сделать текст недоступным

Итак, играя с полосами прокрутки и т.д. в HTML5, я начинаю замечать раздражающую тенденцию. Если у меня есть текст возле моего элемента, который перетаскивается (скажем, панель для просмотра видео, полоса прокрутки, все, что пользователь нажимает и перетаскивает), выбранный текст будет выбран, как будто я не использую элемент управления, просто перетаскивая над страницей.

Это ужасно раздражает, и я не могу найти нужную строку для поиска в google, чтобы выяснить, возможно ли сделать некоторые элементы "невыбираемыми".

Кто-нибудь знает, как это сделать?

Ответ 1

Он зависит от браузера. Эти свойства CSS будут нацелены на браузеры WebKit и Gecko, а также любые будущие браузеры, поддерживающие user-select:

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;

Ответ 2

В IE вы можете сделать текст сразу внутри элемента, не поддающегося выбору (т.е. не относится к тексту в его дочерних элементах), используя атрибут unselectable="on".

Обратите внимание, что если вы используете javascript, вы ДОЛЖНЫ использовать el.setAttribute("unselectable","on"). Просто попытка el.unselectable="on" не будет работать. (Протестировано в IE9).