JQuery背景色
我正在ASP.net页面上使用jQuery自动完成。我不知道如何更改自动完成的背景颜色。现在,它以“清除”背景显示列表 在哪里可以更改背景色?(我想知道为什么它不采用默认设置。我从JQueryUI网站下载了jQuery)JQuery背景色,jquery,Jquery,我正在ASP.net页面上使用jQuery自动完成。我不知道如何更改自动完成的背景颜色。现在,它以“清除”背景显示列表 在哪里可以更改背景色?(我想知道为什么它不采用默认设置。我从JQueryUI网站下载了jQuery) 谢谢。jQuery自动完成控件使用一系列Themeroller样式进行表示: 用户界面自动完成用户界面菜单用户界面小部件用户界面小部件内容用户界面角落全部 li:ui菜单项 全部 您可以为ui自动完成li或ui自动完成a添加自定义样式。似乎没有一种方法可以将自己专门构建的样
谢谢。jQuery自动完成控件使用一系列Themeroller样式进行表示:
- 用户界面自动完成用户界面菜单用户界面小部件用户界面小部件内容用户界面角落全部
- li:ui菜单项
- 全部
ui自动完成li
或ui自动完成a
添加自定义样式。似乎没有一种方法可以将自己专门构建的样式定义为控件的一部分
定义背景颜色的最佳方法可能是覆盖
.ui menu.ui菜单项样式。jQuery自动完成控件使用一系列Themeroller样式进行显示:
- 用户界面自动完成用户界面菜单用户界面小部件用户界面小部件内容用户界面角落全部
- li:ui菜单项
- 全部
您可以为ui自动完成li
或ui自动完成a
添加自定义样式。似乎没有一种方法可以将自己专门构建的样式定义为控件的一部分
定义背景颜色的最佳方法可能是覆盖.ui menu.ui菜单项样式。如果您使用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
。如果使用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