Все вопросы

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

🗓️ Вопрос задан: 29.01.2022
💬Ответов: 1
👁️Просмотров: 421

Хочу запретить выделение текста на странице. Как это можно сделать без javascript? В интернете есть несколько решений, как сделать так, чтобы текст не выделялся, но они показались странными. Есть какие-то варианта?

Ответы:

Свен

Есть простое решение на CSS:

-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

Добавить комментарий для Свен Отменить ответ

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение
Просмотров: 27363
Появление элементов при скролле
Просмотров: 23784
Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS
Просмотров: 14735
Как выровнять картинку по центру с помощью CSS
Просмотров: 12964
Перенос сайта на Тильде на свой хостинг. Пошаговое руководство
Просмотров: 10750
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Viva Magenta
🤔Цвет 2023 года
Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.
#bb2649