Эта статья является частью нашей серии 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;
}
Генераторы цвета
Есть несколько отличных мест для поиска и создания цветовых схем для ваших проектов. Вот что я нашел полезным в прошлом: