jQuery UI - автозаполнение сгенерированного встроенного переопределения стиля?

Question

Я использую плагин jQuery Autocomplete, который генерирует следующую разметку, когда появляются предложения.

<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

Использовать !important метод в CSS: например

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