选择下拉宽度 - Chrome问题

我想控制<option>列表宽度<select>下拉。默认情况下，浏览器会计算<option>中的较大文本，并包含下拉菜单。它在网站中看起来不太好。我曾尝试过以下CSS代码片段，并发现在FF中工作。选择下拉宽度 - Chrome问题

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

唯一的问题就是Chrome。如果有任何解决方法，你能否告诉我。

Demo

来源

2013-03-06 Tamilselvan

Windows XP SP2中，谷歌Chrome 25.0，火狐12.0 – Tamilselvan 2013-03-06 05:50:08

有关，但没有答案螺纹：CSS选择下拉选项]（http://stackoverflow.com /问题/ 5887133/cssselect-下拉选项） – 2013-03-06 05:58:33

Google上搜寻它并没有变成我。我只有脚本选项被遗漏了。下面的代码做的伎俩..

/* 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

来源

2013-03-06 11:04:49 Tamilselvan

选择下拉宽度 - Chrome问题

回答

相关问题