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

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

1 голос
/ 10 ноября 2011

Я использую плагин 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>

Насколько я понимаю, он использует Положение пользовательского интерфейса Плагин, чтобы расположить его относительно поля ввода.Но внутри сгенерированного style="z-index: 16; width: 1355px; position: relative; top: -1615px; left: 40px; display: none; " ширина намного длиннее моего поля ввода.Поскольку это встроенные стили, добавленные модулем, я не могу переопределить это с помощью селектора ui-autocomplete.Есть идеи?

1 Ответ

3 голосов
/ 10 ноября 2011

Используйте метод !important в css: например, 

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