73
Css challenge selects
Css Select
lesson note
Polygon tekenen
links, rechts, onder
clip-path: polygon(0 0, 100% , 0 , 50% , 100% ,0 0
:picker-icon {
het icoontje stylen gewoon
}
Select:open:picker-icon {
het icoontje stylen als ie open is
}
select, ::picker(select) {
appearance: base-select
}
::picker(select) {
dit is de dropdown zelf
}
select:open::picker(select) {
dit is de dropdown zelf als hij open is
}
1 item is een option,
option {
dit is de child van de ::picker(select)
}
:is(:hover, :focus-visible) {
kan je makkelijk biede doen
outline:none ( hiermee haal je de outline weg van de focus)
}
option:checked {
de checked optie
}
option:checked::checkmark {
hier kan je de content veranderen van de checkmark
}
naast
