select con barra de desplazamiento

[Betina232022]

Hola a todos.

Espero que me puedan ayudar, tengo un select que solo muestra la opción que esta seleccionada por default, quiero que al momento de darle click en la flechita para ver las demás opciones solo muestre 6 y aparezca una barra de desplazamiento para ver las demás.


Gracias y que esten bien

[PatomaS]

Hola

La verdad es que es un efecto curioso el que mencionas, ahora mismo no se me ocurre que sea posible.

Si aplicas height al <select>, controlas la visualización, pero sigue siendo solo una opción la que cabe, más alta o más baja.

Si lo aplicas al <select> en estado activo, pasaría lo mismo, pero solo cuando hicieras clic.

Ahora, el único truco que se me ocurre, es que uses la opción de un select múltiple, el cual se logra con el atributo "multiple" en el <select>. Este atributo permite seleccionar más de un elemento en la lista, lo cual, puede ser una desventaja en tu caso, pero siempre puedes probar a usarlo.

La cuestión, es que si al <select multiple> le controlas el height, aparece una barra de desplazamiento como querías, el problema es que desde el momento en que lo cargas, se verá más de una opción. La altura mínima para que aparezcan los controles de formulario son unas 2em.

En definitiva, no creo que se pueda controlar, al menos no de forma estándar y solo con css. Pero si encontraras una forma, no dudes en ponerla aquí.

Felicidad

[00siete]

Otra alternativa a la sugerencia de PatomaS es utilizar el atributo size="6" en el select.
La pega es que te va a ocupar el espacio de seis elementos incluso cuando no tienes el select en estado activo.