jQuery dropdownchecklist IE7

Question

我使用this plugin與jQuery 1.6.1和jQuery UI 1.8.14來創建一個dropdownchecklist並有this problem。

的代碼是這樣的：

$(el).dropdownchecklist({ 
    firstItemChecksAll: true 
    ,icon: {} 
    ,maxDropHeight: 150 
    ,width: 160 
}); 

試圖通過CSS來解決，但不會工作。在FF中完美地工作。

Answer 1

我遇到了同樣的問題，這是我發現：

我有200像素的寬度，它的圖標爲16像素和文本面積爲180像素。文本區域的填充是3px，使用ie7佈局時，填充被添加到總寬度（180 + 16 + 3 + 3 = 202，這大於200，因此它會流入2行）。

爲了解決這個問題，我說這個CSS剛剛更改文本填充爲2px：

span.ui-dropdownchecklist-text 
{ 
    padding:2px;  
}