Выберите drop down width - Chrome issue

Question

Я бы хотел (а) <option> Список шириной <select> свернуть. По умолчанию браузер вычисляет более крупный текст в <option> и размещает выпадающий список. Это не выглядит хорошо на сайтах. Я попробовал следующий фрагмент CSS и нашел работу в FF.

select{ 
    width : 120px; 
} 
select option { 
    width : 90px; 
} 

Единственный дефектоскоп - Chrome. Не могли бы вы дать мне знать, если обходные пути.

Demo

Answer 1

погуглить не получилось для меня. У меня есть только опция скрипта. Следующий код делает трюк ..

/* To trim the charaters in the option list */ 
    var optLen = $('#country option').size(); 
    //console.log("Total length is :" +optLen); 
    for(var i=0; i<optLen; i++){ 
     var txt = $('#country option').eq(i).text(); 
     //alert(txt); 
     txt = txt.substring(0,20); 
     //alert(txt); 
     $('#country option').eq(i).text(txt); 
    } 

Updated Demo