Цвет фона JQuery

Question

Я использую автозаполнение jQuery на моей странице ASP.net. Я не уверен, как изменить цвет backgroud автозаполнения. Прямо сейчас он отображает список с фоном «Очистить».

Где я могу изменить цвет фона? (И, мне интересно, почему он не принимает настройки по умолчанию. Я загрузил jQuery с веб-сайта JQueryUI).

Спасибо.

Answer 1

управления JQuery автозаполнения использует ряд стилей ThemeRoller для презентации:

• уль: Ui-меню UI-автозаполнения UI-виджет UI-виджет-контента UI-краеугольный все
• Ли: щ -menu-вещь
• : с UI-краеугольный все

Вы можете либо добавить пользовательский стиль для ui-autocomplete li или ui-autocomplete a. Кажется, что нет способа определить ваши собственные специально созданные стили как часть элемента управления.

Вероятный лучший способ определить цвет фона - переопределить стиль .ui-menu .ui-menu-item.

Answer 2

Если вы используете JQuery автозаполнения с поиском CSS это:

.ui-state-hover, 
.ui-widget-content 
.ui-state-hover, 
.ui-widget-header, 
.ui-state-hover, 
.ui-state-focus, 
.ui-widget-content, 
.ui-state-focus, 
.ui-widget-header, 
.ui-state-focus 
    { 
     border: 1px solid #999999/*{borderColorHover}*/; 
     background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; 
     font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; 
    } 

.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited 
    { 
     color: #212121/*{fcHover}*/; 
     text-decoration: none; 
    } 

Изменение #dadada с желаемым цветом.