В этой небольшой статье разберем, как сделать красивый выделяемый текст, а точнее просто поменять оттенок цвета. Если изначально каждый браузер выводит цвет по своему, но все же он везде почти аналогичный. То теперь вы можете задать той статье или описанию, где зададите нужный класс.
Если рядом будет описание и там все по стандарту, то под заданным классом увидите совершенно другой оттенок, как начнете выделять его.
Так как свойство ::selection определяет псевдо-селектор для элемента, чтобы стилизовать текст внутри него, когда он выбран. Обратите внимание, что если вы не объедините любой другой селектор, ваш стиль будет применен на уровне корня документа, к любому выбираемому элементу.
HTML
Код
<p class="ksandsam-sanuoibed">Здесь описание, что нужно правым кликом обвести</p>
CSS
Код
::selection {
background: #71f5c8;
color: #080808;
}
.ksandsam-sanuoibed::selection {
background: #e40e82;
color: #f9f7f7;
}
Теперь вы можете на сайте разнообразить свой ресурс по оформлению, особенно тот материал, который изначально понимаете на перед, что его будут обводить, больше всего для копирование.
Поддержка браузера 86,5%
Демонстрация