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;  
}