- Select field
WT форуми -> HTML / Javascript / CSS -> Select field
Създайте нова тема Напишете отговор 
Автор Съобщение
teroristd
Редовен
Редовен

Регистриран на: 18/02/2010 1:50 pm

Support: 80
Bonus: 172
Мнения: 1575
Мнение 31/10/2017 4:01 pm     Select field Отговорете с цитат


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

HTML code:

<select>
<option>Опция 1</option>
<option>Опция 2</option>
<option>Опция 3</option>
</select>
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Fakeheal
Support
Support

Регистриран на: 17/04/2010 8:37 am

Support: 341
Bonus: 680
Мнения: 2562
Мнение 31/10/2017 4:16 pm      Отговорете с цитат


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

Може да погледнеш js плъгини, които правят това и да вземеш идеи:
https://silviomoreto.github.io/bootstrap-select/
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 144
Bonus: 287
Мнения: 1326
Мнение 31/10/2017 4:18 pm      Отговорете с цитат


Ключовите думи за в гугъл са "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, ако искаш все пак да го направиш; със сигурност ще намериш готови скриптове за това вече.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
teroristd
Редовен
Редовен

Регистриран на: 18/02/2010 1:50 pm

Support: 80
Bonus: 172
Мнения: 1575
Мнение 01/11/2017 9:01 am      Отговорете с цитат


Благодаря ви, ще пробвам с bootstrap-select, но сигурно ще ми е нужна малко помощ Smile .
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
teroristd
Редовен
Редовен

Регистриран на: 18/02/2010 1:50 pm

Support: 80
Bonus: 172
Мнения: 1575
Мнение 01/11/2017 9:28 am      Отговорете с цитат


Подкарах го но min.css-а ми разваля всички останали стилове, а без него не работи, така че няма да стане с него.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
n641951363
Нов
Нов

Регистриран на: 29/08/2017 2:35 pm

Support: 3
Bonus: 6
Мнения: 27
Мнение 01/11/2017 10:40 am      Отговорете с цитат


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


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

https://codepen.io/m-e-conroy/pen/hHkuz
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети