Czy istnieje sposób na stylizację aktualnie wybranego <option>
elementu w <select>
elemencie?
Mógłbym wtedy nadać kolor tła aktualnie wybranemu elementowi opcji? W ten sposób mogę nadać styl opcji, która jest obecnie widoczna w zamkniętym menu.
html
css
css-selectors
pseudo-class
Projektant stron internetowych
źródło
źródło
Właściwie możesz stylizować tylko kilka właściwości CSS na : zmodyfikowane elementy opcji.
color
nie działa,background-color
ale możesz ustawić plikbackground-image
.Możesz to połączyć z gradientami, aby załatwić sprawę.
option:hover, option:focus, option:active, option:checked { background: linear-gradient(#5A2569, #5A2569); }
<select> <option>A</option> <option>B</option> <option>C</option> </select>
Działa na gecko / webkit.
źródło
To zadziałało dla mnie:
select option { color: black; } select:not(:checked) { color: gray; }
źródło