选择下拉宽度 - Chrome问题

时间:2013-03-06 05:34:56

标签: html google-chrome css3 drop-down-menu width

我想控制<option>下拉<select>列表宽度。默认情况下,浏览器在<option>和住宿下拉列表中计算较大的文本。它在网站上看起来并不好看。我曾尝试过以下CSS代码段,并发现在FF中工作。

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

唯一的问题是Chrome。你可以告诉我是否有任何解决方法。

Demo

1 个答案:

答案 0 :(得分: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