在jquery selectmenu上设置宽度

Question

我正在做一个小项目,很难让selectmenu及其项目伸展以填充容器.正在设置宽度,我无法确定在哪里.我是这个插件的新手,并不是一个Web开发人员.

看起来风格在样式表中定义:

#PDropdown .ui-widget, .ui-selectmenu-menu .ui-widget{ 
font-family:'Lucida Sans';
font-size:.85em;
width: 97%; /* gets overridden....*/

}

但是,在呈现页面时,会应用宽度:

<a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown" id="PDropDownList-button" role="button" href="#nogo" tabindex="0" aria-haspopup="true" aria-owns="PDropDownList-menu" style="width: 135px;" aria-disabled="false"><span class="ui-selectmenu-status">Item</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a>

如何将其设置为100%宽度？对不起,如果这很简单.

Answer 1

一般来说，这不是一个很好的做法，但为了简单起见，您可以添加!important到 CSS 规则中，它将保护它不被覆盖。像这样：

width: 97% !important;

您还可能需要添加此规则；

.ui-selectmenu-open {width: 97.3% !important;}

在此页面上工作http://view.jqueryui.com/selectmenu/demos/selectmenu/default.html

再次强调，这是一个非常糟糕的黑客攻击，我建议它只是因为你说你不是网络开发人员，而且这是最简单的解决方案。