html - 选择下拉宽度 - Chrome 问题

Question

我想控制下拉<option>列表的宽度。<select>默认情况下，浏览器会在<option>和容纳下拉菜单中计算较大的文本。在网站上看起来不太好。我尝试了以下 CSS 片段并发现在 FF 中工作。

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

唯一的麻烦是Chrome。如果有任何解决方法，你能告诉我吗。

演示

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);
    }

更新的演示