CSS, sobrescribe la altura de todos los menús desplegables seleccionados?

Question

¿Cómo podría hacer referencia, para poder sobrescribir, todas las casillas de selección para poder sobrescribir la altura predeterminada? Estoy familiarizado cuando creo elementos usando una clase, pero no estoy seguro de esto?

Answer 1

100% (con jquery)

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

100% de solución de JS (sin jquery) solución CSS

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

100%

select { 
    height: 100px !important; 
} 

Answer 2

¿Quiere decir el menú que aparece al soltar un elemento nativo select?

No creo que pueda influir en eso, depende totalmente del navegador.

Lo que podría ser capaz de influir - que debería funcionar en todos los navegadores actuales - es el select sí:

select { height: .... } 

o cada opción (En caso de trabajar en Firefox, el apoyo irregular de otro modo)

select option { height: .... } 

Answer 3

Esto debería hacer el truco:

select { height: 60px; }

Reemplazar 60 con la altura deseada.

Answer 4

Prueba esto: solución JS

select {height:100px;} 

Answer 5

La mejor manera es dar una clase en su elemento seleccionado. <select name="nameforyourselect" class="myclass"></select>

Luego en su css configure la altura, por ejemplo .myclass{height:30px;} esto dará una altura de 30px en todos los elementos con el nombre de clase myclass. Te sugiero de esta manera, porque es posible que desees crear otro elemento de selección con otra altura. Entonces, simplemente establece otra clase y la define en su CSS.