Korzystam z ikon jQuery w mojej aplikacji internetowej, ale doszedłem do punktu, w którym chciałbym użyć koloru, którego domyślnie nie jestem w stanie osiągnąć. Obecnie używam motywu „State Street”, który głównie wykorzystuje kolor zielony. Ale mam czerwone pudełko z białym tekstem i chciałbym użyć ikony, która jest również biała. Z motywem dostarczane są białe ikony, ale są one stosowane tylko wtedy, gdy ikony znajdują się wewnątrz div (lub innego kontenera), który ma klasę „ui-state-focus”. Spowoduje to, że ikona stanie się biała, ale zmieni kolor tła na zielony, który chcę pozostawić jako czerwony.

Czy jest jakiś sposób (najprawdopodobniej za pośrednictwem CSS) na zastąpienie obrazu tła używanego przez jQuery dla ikon, dzięki czemu mogę użyć innego koloru?

Dzięki.

WYJAŚNIENIE: Myślę, że pomogłoby mi opublikowanie HTML, z którym aktualnie pracuję:

<!-- 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>

Mam także 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” jest obecnie skomentowane, więc mogę to zobaczyć. Mam ustawiony na fadeIn na błąd catch. Jeszcze raz dziękuję za pomoc.