Question

我在ASP.net页面上使用jQuery Autocomplete。我不知道如何更改自动完成的背景颜色。现在，它显示“清除”背景的列表。

我在哪里可以更改背景颜色？（而且，我想知道它为什么没有采用默认设置。我从JQueryUI网站下载了jQuery。）

感谢。

Answer 1

jQuery Autocomplete控件使用一系列Themeroller样式进行演示：

ul：ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all
li：ui-menu-item
a：ui-corner-all

您可以为ui-autocomplete li或ui-autocomplete a添加自定义样式。似乎没有办法将您自己的专用样式定义为控件的一部分。

定义背景颜色的最佳方法是覆盖.ui-menu .ui-menu-item样式。

Answer 2

如果你使用jssery自动完成和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。

JQuery背景颜色

2 个答案: