пятница, 25 февраля 2011 г.

Запрет выделения текста в браузерах

Иногда бывает нужно, чтобы текст в определенном месте на страничке не выделялся.
От копирования таким способом конечно текст не защитить, скорее всего здесь эстетические причины.
Приведу простой способ - это назначить css свойства необходимому элементу:
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
данный способ сработает в Firefox, Safari и Chrome.

Ie тоже можно приручить, использовав атрибут unselectable="on".

Этот текст нельзя выделить мышью в ie.

Правда, есть одно но. Данный способ для ie - не наследуется для вложенных элементов и если начать выделять текст за данным блоком, то атрибут не работает и текст выделяется.

В данной ситуации отличилась Opera - в ней запрет выделения просто так не сделаешь.

Ссылки по теме:
Как запретить браузеру выделять текст
Как запретить выделение элементов мышью