2010-11-26 368 views
0

我在我的ASP.net頁面上使用了jQuery自動完成功能。我不知道如何更改AutoComplete的背景顏色。現在,它顯示帶有「清除」背景的列表。JQuery背景顏色

我在哪裏可以更改背景顏色? (而且,我想知道爲什麼它沒有采用默認設置。我從JQueryUI網站下載了jQuery)。

謝謝。

回答

2

jQuery的自動完成控件用來呈現一系列的ThemeRoller風格:

  • UL:UI的自動完成UI菜單UI的小部件UI窗口小部件,內容UI刀尖所有
  • 李:UI -menu項目
  • 一:UI刀尖所有

您既可以添加自定義樣式ui-autocomplete liui-autocomplete a。似乎沒有辦法將自己的特定目標風格定義爲控件的一部分。

定義背景顏色的最可能的方法是覆蓋.ui-menu .ui-menu-item樣式。

0

如果使用的是自動完成的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有您想要的顏色。

+1

請格式化您的代碼以使其可讀 – kleopatra 2012-11-03 10:36:10