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 */
}

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


JS — скрыть внешние ссылки на сайте
Очень простой скрипт для скрытия внешних ссылок на любом сайте. Разрабатывался для CMS WordPress, но будет работать абсолютно везде. Полностью...
jQuery — таймер обратного отсчета с изменяемой скоростью
Рассмотрим наглядный пример управления таймером на jQuery. Задача: Таймер запускается при загрузке страницы. При клике на кнопку с числом скорость...
jQuery Cookies — ограничиваем повтор события с помощью куков
Cookies — возможность сохранить в браузере некие данные, которые не удалятся после обновления страницы. Задача: отследить с помощью javaScript фиксированное...
jQuery — очищаем поле с результатом после каждого выполненного события
Уже после написаний данной статьи случайно наткнулся на реальный пример описанного здесь простейшего косяка в jQuery коде. Это известный онлайн...
jQuery — простое модальное окно
В данной статье расскажу про очень простое решение с модальным окном на jQuery. Прикручивал его поверх платного конструктора шаблонов сайта...

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