В этой небольшой статье разберем, как сделать красивый выделяемый текст, а точнее просто поменять оттенок цвета. Если изначально каждый браузер выводит цвет по своему, но все же он везде почти аналогичный. То теперь вы можете задать той статье или описанию, где зададите нужный класс.
Если рядом будет описание и там все по стандарту, то под заданным классом увидите совершенно другой оттенок, как начнете выделять его.
Так как свойство ::selection определяет псевдо-селектор для элемента, чтобы стилизовать текст внутри него, когда он выбран. Обратите внимание, что если вы не объедините любой другой селектор, ваш стиль будет применен на уровне корня документа, к любому выбираемому элементу.
HTML
Код
<p class="ksandsam-sanuoibed">Здесь описание, что нужно правым кликом обвести</p>
Теперь вы можете на сайте разнообразить свой ресурс по оформлению, особенно тот материал, который изначально понимаете на перед, что его будут обводить, больше всего для копирование.
Почему-то на демонстрации не работает у меня (или демка не та, а на стилизацию полосы прокрутки и недописанная, что для браузеров webkit только). Знаю еще, что для браузеров Firefox, что старые идут и от версии первой начиная, то специально свой пседвоэлемент ::-moz-selection сделан. В общем, для кроссбраузерности нужно дублировать стиль, прописывая там еще выше упомянутый и ::-webkit-selection.
ЦитатаKosten ()
user-select: none
Как бы это вовсе другая тема, которая уже была раскрыта здесь (иначе мы возвращаемся к ней и снова писать придётся про то, что кто пропишет, и оно не будет работать у всех - нужно делать кроссбраузерную пропись). UPD.: так и понял (ну и в моём случае всё равно работать не будет оно, нужно еще дописывать префиксы).
Сообщение отредактировал -SAM- - Понедельник, 22 Апреля 2019, 01:53
