Эта статья является частью нашей серии CSS AtoZ. Вы можете найти другие записи серии здесь .
Смотрите полный скринкаст и расшифровку colorздесь .
Добро пожаловать в нашу серию AtoZ CSS! В этой серии я буду изучать различные значения CSS (и свойства), начиная с буквы алфавита. Мы знаем, что иногда скринкастов просто недостаточно, в этой статье я добавил новый быстрый совет / урок о свойстве color
C для color
Свойство color
Используя ::selection Существует только несколько свойств, которые можно изменить при стилизации выделенного текста. Они ограничены:
-
color -
background-color -
cursor -
outline -
text-decoration -
text-shadow
Даже если вы ограничены в свойствах, которые можно стилизовать с помощью ::selection
Проверьте эту функцию, выделив некоторый текст в каждом из абзацев в результате Codepen.
Приставочные префиксы
В Firefox псевдоэлементу ::selection-moz запятая, разделяющая два селектора, не будет работать.
/* this won't work */
::selection,
::-moz-selection {
color: white;
background: green;
}
/* do this instead */
::selection {
color: white;
background: green;
}
::-moz-selection {
color: white;
background: green;
}
Генераторы цвета
Есть несколько отличных мест для поиска и создания цветовых схем для ваших проектов. Вот что я нашел полезным в прошлом:
