Я хорошо использовал значки jQuery в своем веб-приложении, но дошел до того, что я хотел бы использовать цвет, которого я не могу получить по умолчанию. В настоящее время я использую тему "State Street", которая в основном использует зеленый. Но у меня есть красное поле с белым текстом, и я хотел бы также использовать значок белого цвета. Есть белые значки, которые поставляются с темой, но они применяются только тогда, когда значки находятся внутри элемента div (или другого контейнера), который имеет класс «ui-state-focus». Это сделает значок белым, но изменит цвет фона на зеленый, который я хочу оставить красным.

Есть ли способ (скорее всего через 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>

У меня также есть 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%
}

"display: none" в настоящее время закомментировано, так что я могу видеть это. Я действительно настроил его на fadeIn при обнаружении ошибок. Спасибо еще раз за помощь.