修复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

您无需将宽度属性设置为.ui-dropdownchecklist-dropcontainer，ui-widget-content，ui-widget

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

上做了示例

Answer 3

如果我没弄错，你没有写任何px，em，％......你只有550的价值，那就是它

尝试这样的例子

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