Select field

teroristd

Registered
Здравейте, имам select поле, което искам да модифицирам. Когато е затворено съм го направил както искам, но имам проблем, когато е отворено. Интересува ме как мога да сменя стиловете на самите option полета? Например background-a, при hover и т.н.

HTML:
<select>
    <option>Опция 1</option>
    <option>Опция 2</option>
    <option>Опция 3</option>
</select>
 
Трябва да скриеш полето и да си направиш друг елемент, който да се показва със списъка.

Може да погледнеш js плъгини, които правят това и да вземеш идеи:
https://silviomoreto.github.io/bootstrap-select/
 
Ключовите думи за в гугъл са "html how to style select options"

И тук можеш да си намериш обяснения и причини, както и някои хакове за малко стилизиране: https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-a-html-select

Но, в общи линии:

No, it's not possible, as the styling for these elements is handled by the user's OS. MSDN will answer your question here:

Except for background-color and color, style settings applied through the style object for the option element are ignored.

Направи си custom таг select с js, ако искаш все пак да го направиш; със сигурност ще намериш готови скриптове за това вече.
 
Подкарах го но min.css-а ми разваля всички останали стилове, а без него не работи, така че няма да стане с него.
 
teroristd каза:
Подкарах го но min.css-а ми разваля всички останали стилове, а без него не работи, така че няма да стане с него.

https://codepen.io/EvanWard/pen/FCmbt

https://codepen.io/m-e-conroy/pen/hHkuz
 

Горе