CSS, высота перезаписи всех выбранных выпадающих меню?

Question

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

Answer 1

100% раствор JS (с jquery)

$("select").height("120px");

100% раствор JS (без jquery)

var selects = document.getElementsByTagName("select");
for(i = 0;i < selects.length; i++) {
    selects[i].style.height = "120px";
}

100% раствор CSS

select {
    height: 100px !important;
}

Answer 2

Попробуйте это:

select {height:100px;}

Answer 3

Это должно сработать:

select { height: 60px; }

Замените 60 на желаемую высоту.

Answer 4

Вы имеете в виду меню, которое появляется, когда выпадает нативный элемент select?

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

На что вы можете повлиять - это должно работать во всех современных браузерах - это select само по себе:

select { height: .... }

или каждый параметр (должен работать в Firefox; в противном случае поддержка пятнистая)

select option { height: .... }

Answer 5

Вы можете легко сделать это используя css, используя line-height и font-size.

select {
    line-height: 1em;
    font-size: 14px;
}

Answer 6

100% работы в моем сценарии ..

<select onfocus='this.size=10;' onblur='this.size=1;' 
        onchange='this.size=1; this.blur();'>

Answer 7

Лучший способ - создать класс для выбранного элемента. <select name="nameforyourselect" class="myclass"></select>

Затем на вашем CSS установите высоту, например .myclass{height:30px;}, это даст высоту 30px для всех элементов с именем класса myclass. Я предлагаю вам этот способ, потому что вы можете создать еще один элемент select с другой высотой. Таким образом, вы просто устанавливаете на него другой класс и определяете его на своем CSS.