Как убрать синее выделение CSS

Синее выделение появляется при выделении текста или элементов на странице, и это стандартное поведение браузеров. Однако, если вы желаете убрать на стилистических основаниях, можно использовать свойство user-select.

Чтобы убрать синее выделение при выделении текста, нужно применить следующий код CSS:

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

В данном примере мы применяем свойство user-select со значением none к тегу body. Это отключает возможность выделения текста для всех элементов на странице. В свою очередь, присутствие свойств с префиксами -webkit-, -moz- и -ms- обеспечивает кроссбраузерность кода.

Если вы хотите отключить выделение только для конкретных элементов, можно использовать селекторы для этих элементов и применять свойство user-select локально:

.my-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

В данном примере мы применяем свойство user-select со значением none к элементам с классом .my-text, чтобы отключить выделение для этих элементов.

Но имейте в виду, что отключение выделения может быть проблематичным для пользователей с ограниченными возможностями. Также, из-за особенностей вывода на разных экранах и устройствах, выделение цветом может быть полезным инструментом ориентации для пользователей сайта. Поэтому, использование отключения выделения должно быть обосновано конкретными стилистическими задачами.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как убрать синее выделение CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали