Как запретить выделение текста с помощью CSS

Как запретить выделение текста с помощью CSS

Чтобы запретить выделение текста с помощью CSS, воспользуемся свойством user-select; однако оно не входит в спецификацию и не поддерживается популярными браузерами, поэтому без вендорных префиксов не обойтись:

-moz-user-select: none; /* Mozilla Firefox */
-ms-user-select: none; /* Internet Explorer (не поддерживается) */
-o-user-select: none; /* Opera Presto (не поддерживается) */
-webkit-user-select: none; /* Google Chrome, Opera Next, Safari */

Свойства -op-user-select и -xv-user-select для Opera Presto также не работают.

Итого: запретить с помощью CSS выделять текст можно только в Google Chrome, Mozilla Firefox, Opera Next и Safari.

Пример