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;
}