Сегодня продолжим узнавать про новые псевдоклассы и разберем такие из них как in-range , out-of-range и indeterminate .
Сегодня продолжим узнавать про новые псевдоклассы и разберем такие из них как in-range, out-of-range и indeterminate.
Первый из них - in-range.
Нужен он для того, чтобы стилизовать элементы input с типом range. Работает тогда, когда значения, введеные пользователем, находятся в возможном для него диапазоне.
input:in-range {
background: #0f0;
}
Дальше идет out-of-range. Он стилизует элементы input, у которых значения НЕ находятся в указанном диапазоне.
input:out-of-range {
background: red;
}
Еще один полезный псевдокласс - indeterminate.
Он стилизует такие элементы как флажки и переключатели, когда они находятся в неопределенном состоянии.
:indeterminate {
background: blue;
}
Итак, на сегодня это все новые псевдоклассы. Теперь у вас еще больше возможностей для стилизации своих элементов. Спасибо за внимание и удачного кодинга!
