How to adjust window width DropDown <select>?

Question

I need to adjust the width of the HTML select box without using css, is there any way? I tried the size, but then it adjusted the height, and the width did nothing? Is there another way?

Answer 1

<style type="text/css"> select { width:200px; } </style> 

Does this work?

Answer 2

There is no way to do this in pure HTML at http://www.w3.org/TR/html401/interact/forms.html#h-17.6 . You can set it using a style element, although it does not have CSS because it is inline.

 <select style="width: .... 

Answer 3

Add an empty option with enough spaces in it ...

Answer 4

If you use jquery, math, physics, chemistry, chemistry

This is my HTML code. So you need to add another div that contains the jquery class name, including the name of your class, and apply the height and width in your class.

 <div class="ui-select selBox"> <select> <option>Maths</option> <option>Physics</option> <option>Chemistry</option> </select> </div> .selBox{ width: 470px !important; height: 40px !important; } 

here selBox is my class name and ui-select is the jquery class name.