JQueryの背景色

Question

私はASP.netページでjQueryオートコンプリートを使用しています。オートコンプリートのバックグラウンドの色を変更する方法がわかりません。今は、 "Clear"バックグラウンドのリストを表示します。

どこで背景色を変更できますか？ （そして、私はJQueryUIのWebサイトからjQueryをダウンロードしたので、なぜデフォルト設定になっていないのか不思議です）。

ありがとうございました。

Answer 1

jQueryのオートコンプリートコントロールは、プレゼンテーションのためのThemeRollerのスタイルのシリーズを使用しています。

• UL：UI-オートコンプリートUIメニューのUIウィジェットのUIウィジェットコンテンツUI-コーナーすべて
• 李：UI -menu項目
• ：UI-コーナーすべて

あなたはui-autocomplete liまたはui-autocomplete aのためにカスタムスタイルを追加することができますどちらか。コントロールの一部として独自のスタイルを定義する方法はありません。

背景色を定義する最も良い方法は、.ui-menu .ui-menu-itemスタイルを上書きすることです。

Answer 2

あなたはCSSの検索でこのjqueryのオートコンプリートを使用する場合：ご希望のカラーを変更#dadada

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

を。