Выпадающий список. Ограничьте ширину всех пунктов меню.

Question

Я хочу ограничить ширину элементов меню, показанных в раскрывающемся списке. Например, В этой демонстрационной ссылке http://jsfiddle.net/B3uSD/1690/ поле width поля select равно 150px. Тем не менее, когда я нажимаю стрелку, пункты меню отображаются за пределами 150 px из-за всего лишь одного элемента "This is my very long string".

Как я могу ограничить пункты меню, чтобы они соответствовали 150 px?

Редактировать: Ниже показано, что показано в настоящее время. Обратите внимание на то, как окно параметров выходит за пределы ширины поля выбора. «Это моя очень длинная строка» отображается полностью, но окно параметров расширяется за пределами поля выбора.

Что мне нужно, это что-то вроде ниже

Обратите внимание, что, хотя текст усечен, окно опций еще совмещена с со списком

Answer 1

Этот сайт различные различные методы для решения ваша проблема Controlling the width of SELECT lists

Я думаю, что нашел подобную проблему для самого stackoverflow. Использование css должно решить вашу проблему. How can change width of dropdown list?

Answer 2

попробуйте этот код.

HTML: -

<select name="wgtmsr" id="wgtmsr"> 
    <option value="kg">Kg</option> 
    <option value="gm">Gm</option> 
    <option value="pound">Pound</option> 
    <option value="MetricTon">Metric ton</option> 
    <option value="litre">Litre</option> 
    <option value="ounce">Ounce</option> 
</select> 

CSS: -

 #wgtmsr{ 
     width:150px; 
     } 

     #wgtmsr option{ 
     width:100px; 
     } 

Check JSFiddle Demo