Все вопросы

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

🗓️ Вопрос задан: 29.01.2022

💬Ответов: 1

👁️Просмотров: 594

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

Ответы:

Свен

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

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

29 января, 2022

Ответить

Отменить ответ

CSS Головоломки в Telegram

Подписывайся и не пропускай:

Актуальные новости

Интересные задачки

Полезные подборки

Перейти в Telegram

Наш рейтинг

🏆Лучший хостинг для сайта

9/10

8/10

8/10

8/10

8/10

7/10

7/10

Что читают?

🏆Популярные записи

Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение

Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS

Появление элементов при скролле

Как выровнять картинку по центру с помощью CSS

Как изменить цвет SVG в CSS

Проверка знаний

🤔Хорошо ли вы знаете 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