Выделение текста в меню, кнопках и других элементах управления лучше запретить т.к. при нескольких кликах он выделяется и визуально мешает.
Отключить его можно свойством user-select
, также его нужно продублировать вендорными префиксами т.к. например, IE и Edge поддерживают только -ms-user-select
.
* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.noselect {
color: #555;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
Результат:
none |
Запрещено выделять элемент |
auto |
Значение auto определяется следующим образом:
|
text |
Разрешено выделить текст в элементе |
all |
Позволяет выделить текст внутри элемента, включая дочерние |
contain |
Позволяет выделять текст только внутри элемента |