jquery - 设置 jquery selectmenu 的宽度

Question

我正在开发一个小项目，并且很难让 selectmenu 及其项目拉伸(stretch)以填充容器。正在设置宽度，但我不知道在哪里。我是这个插件的新手，也不是一个网络开发人员。

看起来样式是在样式表中定义的:

#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

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