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

!importantメソッドをCSSで使用します。例：

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