相关疑难解决方法(0)

如何指定(覆盖)JQuery图标颜色

我已经在我的网络应用程序中充分利用了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上的错误捕获.再次感谢您的帮助.

css jquery icons jquery-ui

61
推荐指数
3
解决办法
7万
查看次数

标签 统计

css ×1

icons ×1

jquery ×1

jquery-ui ×1