Nasıl (Geçersiz) JQuery Simge Rengi Belirlemek İçin

SORU

30 Kasım 2009, PAZARTESİ

Nasıl (Geçersiz) JQuery Simge Rengi Belirlemek İçin

Benim web uygulamasında bir WordPress kullanmak simgelerin kullanımı iyi yapıyorum, ama varsayılan olarak elde etmek mümkün olmadığım bir renk kullanmak istiyorum bir noktaya geldi. Şu anda "öncelikle yeşil kullanır. tema," State Street kullanıyorum Ama beyaz yazı ile kırmızı bir kutu var, ve beyaz bir simge kullanmak isteyecektir. Orada beyaz simgeleri vardır * * * tema, ama onlar sadece almak uygulandığında simgeleri içinde bir div (veya başka bir kapsayıcı) olan bir sınıf "ui-state-of focus". Bu simge beyaz olacaktır ama kırmızı ayrılmak istiyorum, hangi yeşil, arka plan rengini değiştirir.

Arka plan görüntüsü farklı bir renk kullanacağım böylece bir WordPress kullanmak için bir simge kullanır kılmak için herhangi bir şekilde (büyük ihtimalle CSS) var mı?

Teşekkürler.

AÇIKLAMA:Benim şu anda çalıştığım html mesajları göndermek için yardımcı olur sanırım

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

Ben de 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%
}

< . p ^none" şu anda görebileyim diye. "ekran: Ben ne kadar hata yakalamak fade-in için belirledik. Yardımınız için tekrar teşekkürler.

CEVAP

1 EKİM 2013, Salı

Aşağıdaki CSS ile simgeleri üzerine:

.ui-icon
{
    background-image: url(icons.png);
}

Simge png istediğin renge dosyasını indirebilirsiniz. Sadece değişiklik, aşağıdaki url renkli bölümü

http://download.jqueryui.com/themeroller/images/ui-icons_*COLOR*_256x240.png

Eğer simgeler ve Peygamberçiçeği Mavi simgeler Kırmızı isterseniz, örneğin, url, Url gerekir

http://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png
http://download.jqueryui.com/themeroller/images/ui-icons_6495ED_256x240.png

Red Cornflower Blue