Запретить выделение текста с помощью CSS
Чтобы запретить выделение текста на веб-странице с помощью CSS, можно использовать свойство `user-select` со значением `none`.
Пример кода:
css
.unselectable {
-webkit-user-select: none; /* Запрещаем выделение на WebKit-браузерах (Chrome, Safari) */
-moz-user-select: none; /* Запрещаем выделение на Gecko-браузерах (Firefox) */
-ms-user-select: none; /* Запрещаем выделение на браузерах Internet Explorer/Edge */
user-select: none; /* Запрещаем выделение на остальных браузерах */
}
Чтобы применить данное свойство к определенному элементу или группе элементов, просто добавьте класс `unselectable` к этим элементам. Например:
html
Этот текст невозможно выделить
Элемент родитель также не может быть выделен
Элементы внутри тоже не могут быть выделены
В результате указанный текст будет невозможно выделить ни кликом, ни с помощью комбинации клавиш.