選擇下拉寬度 - 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問題

回答

相關問題