我想控制<option>
下拉<select>
列表宽度。默认情况下,浏览器在<option>
和住宿下拉列表中计算较大的文本。它在网站上看起来并不好看。我曾尝试过以下CSS代码段,并发现在FF中工作。
select{
width : 120px;
}
select option {
width : 90px;
}
唯一的问题是Chrome。你可以告诉我是否有任何解决方法。
答案 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);
}