Синее выделение появляется при выделении текста или элементов на странице, и это стандартное поведение браузеров. Однако, если вы желаете убрать на стилистических основаниях, можно использовать свойство 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, чтобы отключить выделение для этих элементов.
Но имейте в виду, что отключение выделения может быть проблематичным для пользователей с ограниченными возможностями. Также, из-за особенностей вывода на разных экранах и устройствах, выделение цветом может быть полезным инструментом ориентации для пользователей сайта. Поэтому, использование отключения выделения должно быть обосновано конкретными стилистическими задачами.