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

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