CSS — изменяем фон выделяемого текста с помощью ::selection

css background selection - CSS — изменяем фон выделяемого текста с помощью  ::selection

Стандартным цветом для выделения текста на любом сайте является синий. Но случается так, что фон сайта, например, нечто среднее, между черным и серым. В таком случае выделение нужно обязательно менять.

selectionnot for all - CSS — изменяем фон выделяемого текста с помощью  ::selection

Синий цвет все равно остается. Это проблема переноса строк тегом br и свойства для высоты строки line-height. В таких случаях нужно экспериментировать и подбирать оптимальные значения. Возможно, отказываться от переноса строк в пользу margin на css

Использование ::selection

::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}

.class::selection {
background: #ffb7b7; /* Safari */
}

Читайте также

Похожие записи

Скрипт идущего времени на jQuery
Задача: написать скрипт, который бы выводил текущую дату и время сервера. Время должно быть «идущим», т.е. имитировать реальную работу. Пример:...
Mobile-friendly — немного об адаптивной верстке
В эпоху mobile-friendly сайтов адаптивная верстка для сайта стала обыденностью и по умолчанию включается в базовый ценник (или же делают...
JS — делаем плавающий блок для рекламы
Заходим на сайт, скролим вниз, пока не закончатся все блоки в сайдбаре, но вот незадача — один из блоков прилип...
jQuery — изменяем вложенный блок (чилд) при наведении на родительский
На июнь 2017 года средствами CSS невозможно изменить вложенный блок (если он не является прямым наследником родительского), при наведении на...
JS — создаем эффект мигания. Мигающие баннеры в HTML
В данной статье научимся создавать эффект мигания на javascript и jQuery (исчезание и появление) и задавать ему временной интервал. Для...

Комментарии

Бесполезно писать спамные сообщения. Все комментарии проверяются;
Можно оставлять ссылки (через <a href), если они несут полезную информацию или дополняют статью;

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *