Как сделать более видимыми параметры в компоненте SELECT при использовании плавающих меток и размера? ⇐ CSS

[Anonymous]

I am trying to get a floating label to play nicely with an HTML select with size="5" using Bootstrap 5.3.x (the latest version) but I cannot make it work or simply it is not possible without some hacks or I am just missing something from Bootstrap docs.

As per docs for Select I should be able to expand the element a little bit more but as I said I cannot.

This is an example HTML I have created for show the issue:

0 1 2 3 4 5 6 7 8 9 10 Works with selects and here is the result:





I have also created a Fiddle so you can play with it and see the issue I am having.

Can I get some ideas or help? I would like to have more options visible in the select but also use the floating label.


Источник: https://stackoverflow.com/questions/780 ... ting-label