Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to adjust Select drop-down height [duplicate]

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

like image 409
Matt Canty Avatar asked May 28 '13 09:05

Matt Canty


People also ask

How do I increase the height of a drop down box in HTML?

You just need to use the height CSS attribute for the select tag.

How do I change my drop down position?

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 ).

How do I style a selection dropdown in CSS?

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.


1 Answers

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..

like image 115
Gabriele Petrioli Avatar answered Oct 07 '22 12:10

Gabriele Petrioli