修復jQuery下拉列表中的寬度

Question

我正在使用jQuery Dropdown Check List。我想修復drop容器的寬度爲550px，但不能成功。

我使用下面的代碼：

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> 
       <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script> 
       <script type="text/javascript" src="js/ui.dropdownchecklist-1.4-min.js"></script> 
       <link rel="stylesheet" type="text/css" href="css/ui.dropdownchecklist.standalone.css" /> 
       <link rel="stylesheet" type="text/css" href="css/ui.dropdownchecklist.themeroller.css" /> 
       <link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 

       <script type="text/javascript"> 
       $("#mail_to").dropdownchecklist({ icon: {placement:'right'} , maxDropHeight: 550 , width:550 }); 
       </script> 

       <style type="text/css"> 

        .ui-dropdownchecklist-dropcontainer 
        { 
        width: 555px; 
        } 

        .ui-widget-content 
        { 
        width: 555px; 
        } 

        .ui-widget 
        { 
        width: 555px; 
        } 

        </style> 

任何幫助，將不勝感激。

Answer 1

嘿，請嘗試這個CSS

<style type="text/css"> 

       .ui-dropdownchecklist-dropcontainer 
       { 
       width: 555px !important; 
       } 

       .ui-widget-content 
       { 
       width: 555px !important; 
       } 

       .ui-widget 
       { 
       width: 555px !important; 
       } 

       </style> 

希望它可以幫助你

Answer 2

如果我沒有記錯，你沒有寫任何PX，EM％......你只要值550，這是它

嘗試這樣例如

$("#mail_to").dropdownchecklist({ icon: {placement:'right'} , maxDropHeight: 550px ,  width:550px }); 

Answer 3

你並不需要設置寬度親perty到.ui-dropdownchecklist-dropcontainer，ui-widget-content，ui-widget

我對http://jsfiddle.net/KRzaB/1/