Запретить выделение текста

Выделение текста в меню, кнопках и других элементах управления лучше запретить т.к. при нескольких кликах он выделяется и визуально мешает.

Отключить его можно свойством 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;
}
CSS

Пример

Возможные следующие значения user-select:

none Запрещено выделять элемент
auto

Значение auto определяется следующим образом:

  • У :before и :afternone
  • Если элемент является редактируемым элементом – contain
  • Если указан у родителя, то наследуется
  • По умолчанию – text
text Разрешено выделить текст в элементе
all Позволяет выделить текст внутри элемента, включая дочерние
contain Позволяет выделять текст только внутри элемента
04.10.2019 54

Поделится

Другие публикации

Сборник jQuery приемов с textarea - получить содержимое, вставить значение, подсчет количества символов и строк и т.д.
04.03.2018 9208
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
17.01.2018 2635
Зачастую в мобильных версиях сайта перенос текста тегом br только мешает, исключить его влияние можно несколькими...
16.09.2019 86
В PHP без проблем можно работать с почтой через IMAP, для этого есть все необходимые функции
30.09.2019 77
Первыми тегами для зачёркнутого текста были strike и s. C приходом HTML 4 их использование стало осуждается, а в HTML 5...
21.08.2019 268