I've looking round the internet for a solution to this and everyone is talking about different things or just saying does size="x" help? I've made a Plunk to illustrate my issue. On my screen I can see up to item 20 when I click the drop down. I'd like to be able to set this to show more, or at least have some control.
http://plnkr.co/edit/gsFK5NmHKo4xopYBruD6?p=preview
You just need to use the height CSS attribute for the select tag.
Wrap a <div> element around the elements to position the dropdown content correctly with CSS. CSS) The . dropdown class uses position:relative , which is needed when we want the dropdown content to be placed right below the dropdown button (using position:absolute ).
There are many ways to design a <select> dropdown menu using CSS. The Dropdown Menu is mainly used to select an element from the list of elements. Each menu option can be defined by an <option> element that can nested inside the <select> element.
You cannot because the select box is a system control..
See Height of an HTML select box (dropdown)
You could use a dropdown replacement widget/module..
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With