Невозможно изменить высоту параметра раскрывающегося списка в CSS

<select id="organiser" name="organiser" onclick="dropDownOrganiser(this)">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
    <option value="ca" >California</option>
    <option value="co" >Colorado</option>
    <option value="cn" >Connecticut </option>\
</select>

#organiser option{
    height:70px;   
    padding:25px 0;    
}
#organiser{
    height:50px;       
}

Я пытаюсь изменить высоту параметров в выборе, но она остается прежней. Я даже пробовал отступы, но это не сработало. Мне нужна помощь в этом. В противном случае предложите мне какой-нибудь веб-сайт для лучшего дизайна выпадающего списка?


javascript html css html.dropdownlistfor
person karthick prasad    schedule 23.02.2015    source источник
comment
Я не думаю, что можно изменить параметры высоты. stackoverflow.com/questions/22807757/   -  person dowomenfart    schedule 23.02.2015
comment
Теги select сложно стилизовать, поэтому существует так много плагинов/скриптов, чтобы изменить их для другой разметки. Пусть гугл будет твоим другом   -  person charlietfl    schedule 23.02.2015

Ответы (3)


arrow_upward
0
arrow_downward

Вы не можете добавить CSS для опции поля выбора. Но можно ли использовать пользовательский плагин, такой как плагин jquery, или просто пользовательский html и css

Кстати, вы можете сделать текст больше, чтобы поле выбора тоже было больше.

person Tinh Dang    schedule 24.02.2015

arrow_upward
0
arrow_downward

Невозможно настроить параметры раскрывающегося списка, которые работают в большинстве современных популярных браузеров. Лучший способ сделать это — создать собственный выпадающий список с помощью html, css и javascript.

Вы можете найти туториал и демо здесь: http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/

Я считаю, что этот учебник прост для понимания, и вы можете создать свой собственный раскрывающийся список, прочитав его.

person DrYami    schedule 24.02.2015

arrow_upward
0
arrow_downward

Наконец-то я нашел лучший плагин для выпадающих списков. Bootstrap от silvio mortiro удобен для пользователя и имеет навигацию с клавиатуры. Проверьте http://silviomoreto.github.io/bootstrap-select/.

person karthick prasad    schedule 24.02.2015