Чтобы запретить выделение текста на веб-странице с помощью CSS, нужно использовать свойство user-select
с значением none
.
Например, для того, чтобы текст не выделялся на всей странице, можно использовать такой CSS код:
body {
-webkit-user-select: none; /* запретить выделение текста в браузерах на Webkit */
-moz-user-select: none; /* запретить выделение текста в браузерах на Mozilla */
-ms-user-select: none; /* запретить выделение текста в браузерах на Microsoft */
user-select: none; /* запретить выделение текста во всех браузерах */
}
Здесь мы использовали свойства user-select
для каждого браузера, чтобы удостовериться, что блокировка выделения текста работает везде. Затем мы задали значение none
для свойства user-select
, чтобы запретить выделение текста на странице.
Если нужно запретить выделение только для определенного элемента, нужно использовать такой CSS код:
.element {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
Здесь мы применили то же самое свойство user-select
к элементу с классом element
, чтобы запретить выделение текста только в нем.
Таким образом, используя свойство user-select
с значением none
, можно легко запретить выделение текста на веб-странице с помощью CSS.