在 Jquery UI Accordion 中，DropDownList 未正确自动调整大小答案

【问题标题】：DropDownList not autosized properly within Jquery UI Accordion在 Jquery UI Accordion 中，DropDownList 未正确自动调整大小
【发布时间】：2023-03-10 22:37:01
【问题描述】：

我的下拉列表宽度小于 SelectList 中最长的文本。当我单击下拉列表时，它会调整大小以适合。如果我从 div 中删除 .accordion，则在页面加载时下拉列表的所有大小都正确。我怎样才能让它大小合适？我就是这样设置手风琴的。

            $("#acc").accordion({
                autoHeight: false,
                navigation: true
            });

我的一个下拉菜单：

<%= Html.LabelFor(x => x.Contract.contract_type) %>
<%= Html.DropDownListFor(x => x.Contract.contract_type, new SelectList(Model.Lookups.nfoContractTypes, "id", "contract_type", Model.Contract.contract_type), new { @class = "edittext" })%>

在我的 .css 中：

fieldset .edittext
{
    float:right;
}

没有手风琴：

手风琴：

点击后：

编辑刚刚发现，在 Firefox 中大小合适，但在 IE8 中不合适。

【问题讨论】：

标签： jquery drop-down-menu accordion jquery-ui-accordion html.dropdownlistfor

【解决方案1】：

通过注释掉 ui-widget 的自定义 css 来解决此问题，以便它可以使用我的 css 文件。

/* Component containers
----------------------------------*/
/* .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: .8em } */

【讨论】：