CSS3: Запрет выделения текста


user-select: none;

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

Свойство user-select может содержать такие свойства:
none – элемент не может быть выделен;
text – выделение для текста;
toggle – элемент имеет возможность переключения состояний;
element – в списке может быть выделен только один элемент;
elements – в списке может быть выделено несколько элементов;
all – элемент может быть выделен только целиком.

Внимание!
На момент написания статьи это свойство не работало ни в одном из широко-известных веб-браузерах.

Правда, для веб-браузеров, созданных на движке Mozilla (FireFox) и WebKit (Safari, Chrome), реализованы такие свойства: -moz-user-select, -khtml-user-select соответственно.

Максимально рабочий пример:

.button {
/* Для Mozilla FireFox */
-moz-user-select: none;
/* Для Safari, Chrome */
-khtml-user-select: none;
/* Общее свойство */
user-select: none;
}

Share