Select field

Post Reply
User avatar
teroristd
Много Редовен
Много Редовен
Posts: 1769
Joined: Thu Feb 18, 2010 11:50 am
Answers: 83

Select field

Post by teroristd » Tue Oct 31, 2017 2:01 pm

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

[html]
<select>
<option>Опция 1</option>
<option>Опция 2</option>
<option>Опция 3</option>
</select>
[/html]

User avatar
Fakeheal
Гуру
Гуру
Posts: 2666
Joined: Sat Apr 17, 2010 6:37 am
Answers: 350

Post by Fakeheal » Tue Oct 31, 2017 2:16 pm

Трябва да скриеш полето и да си направиш друг елемент, който да се показва със списъка.

Може да погледнеш js плъгини, които правят това и да вземеш идеи:
https://silviomoreto.github.io/bootstrap-select/

User avatar
anonimen
Много Редовен
Много Редовен
Posts: 1523
Joined: Mon Jun 11, 2012 6:07 pm
Answers: 162
Location: Parse error: unexpected "}" in /home/index.php on line 26

Post by anonimen » Tue Oct 31, 2017 2:18 pm

Ключовите думи за в гугъл са "html how to style select options"

И тук можеш да си намериш обяснения и причини, както и някои хакове за малко стилизиране: https://stackoverflow.com/questions/720 ... tml-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, ако искаш все пак да го направиш; със сигурност ще намериш готови скриптове за това вече.

User avatar
teroristd
Много Редовен
Много Редовен
Posts: 1769
Joined: Thu Feb 18, 2010 11:50 am
Answers: 83

Post by teroristd » Wed Nov 01, 2017 7:01 am

Благодаря ви, ще пробвам с bootstrap-select, но сигурно ще ми е нужна малко помощ :) .

User avatar
teroristd
Много Редовен
Много Редовен
Posts: 1769
Joined: Thu Feb 18, 2010 11:50 am
Answers: 83

Post by teroristd » Wed Nov 01, 2017 7:28 am

Подкарах го но min.css-а ми разваля всички останали стилове, а без него не работи, така че няма да стане с него.

n641951363
Нов
Нов
Posts: 31
Joined: Tue Aug 29, 2017 12:35 pm
Contact:

Post by n641951363 » Wed Nov 01, 2017 8:40 am

teroristd wrote:Подкарах го но min.css-а ми разваля всички останали стилове, а без него не работи, така че няма да стане с него.
https://codepen.io/EvanWard/pen/FCmbt

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

Post Reply