修复jQuery下拉列表中的宽度检查列表 [英] Fix Width in jQuery Dropdown Check List

问题描述

我正在使用 jQuery下拉列表.我想将放置容器的宽度固定为550px，但无法成功.

I am using jQuery Dropdown Check List. I want to fix width of drop container to 550px but could not succeed.

我正在使用以下代码:

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

任何帮助将不胜感激.

Any help would be appreciated.

推荐答案

嘿，请尝试使用此CSS

Hey Please Try This Css

<style type="text/css">

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

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

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

                </style>

希望对您有帮助

这篇关于修复jQuery下拉列表中的宽度检查列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！