我已经在我的网络应用程序中充分利用了jQuery图标,但是我想要使用我默认无法实现的颜色.我目前正在使用"State Street"主题,主要使用绿色.但我有一个带有白色文字的红色框,并且想要使用白色的图标.主题提供了白色图标,但只有当图标位于具有"ui-state-focus"类的div(或其他容器)内时才会应用它们.这会使图标变白,但会将背景颜色更改为绿色,我想将其保留为红色.
是否有任何方式(最有可能通过CSS)覆盖jQuery用于图标的背景图像,以便我可以使用不同的颜色?
谢谢.
澄清:我想这对我发布我目前正在使用的HTML有帮助:
<!-- currently produces a default 'grey' icon color -->
<!-- this b/c no jquery ui class (like ui-state-focus) given for errorMessage div -->
<div id="errorMessage">
<span class="ui-icon ui-icon-alert" style="float: left"></span>
Only 1 Activity can be added at a time
</div>
Run Code Online (Sandbox Code Playgroud)
我也有CSS:
.dialog #errorMessage
{
/*display: none;*/
background-color: #CC3300;
color: #FFFFFF;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: bottom;
bottom: auto;
font-size: .80em;
width: 100%
}
Run Code Online (Sandbox Code Playgroud)
"display:none"目前已被注释掉,所以我可以看到它.我确实将它设置为fadeIn上的错误捕获.再次感谢您的帮助.