Question

我正在使用jQuery Autocomplete plugin，当出现建议时会生成以下标记。

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 16; width: 1355px; position: relative; top: -1615px; left: 40px; display: none; ">
    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">java</a>
    </li>
    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">javascript</a>
    </li>
</ul>

我的理解是，它使用UI Position插件相对于输入字段定位它。但在生成style="z-index: 16; width: 1355px; position: relative; top: -1615px; left: 40px; display: none; "内部，宽度比输入字段长得多。由于这是模块添加的内联样式，因此我无法使用ui-autocomplete选择器覆盖它。有什么想法吗？

Answer 1

在css中使用!important方法：例如

.ui-autocomplete {
    width:200px !important;
}

jQuery UI - 自动完成生成的内联样式覆盖？

1 个答案: