(geçersiz kılma) JQuery Simge Rengi belirtin Nasıl

Question

benim web uygulamasında jQuery simgelerin iyi şekilde yapıyorum, ama elde etmek mümkün değilim bir renk kullanmak istiyorum bir noktaya kadar gelmiş

varsayılan olarak. Şu anda yeşil kullanan "State Street" temasını kullanıyorum. Ama beyaz yazı ile kırmızı bir kutu var ve beyaz olan bir simge kullanmak istiyorum. "Ui-devlet-odaklı" bir sınıfa sahip olduğunu Orada teması ile sağlanır beyaz ikonlar, ancak simgeleri bir div (veya başka bir kabın) içine olduklarında onlar sadece uygulanmıyor. Bu, simgeyi beyaz yapar, ancak arka plan rengini yeşil olarak değiştirir, kırmızı olarak bırakmak istiyorum.

Ben farklı bir renk kullanın böylece jQuery, simgeler için kullandığı arka plan resmi geçersiz kılmak için (CSS ile büyük olasılıkla) bir yolu var mı?

Teşekkürler.

AÇIKLAMA: Ben de CSS sahip

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

: Beni, şu anda çalışıyorum html yayınlamak için yardımcı olacağını tahmin

.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" şu anda yorumlandı, görebildiğim için. Hata yakalamada solmaya ayarlıyorum. Yardım için tekrar teşekkürler.

Answer 1

Aşağıdaki CSS ile simgeleri üzerine yazabilirsiniz yeşil 00a300 # Koyu renkli simge rengi # için: Sen simge png dosyasını indirebilirsiniz

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

istediğiniz herhangi bir renkte. Red simgeleri istiyorsanız Örneğin

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

, ve Kantaron Mavisi simgeler, ihtiyacınız URL'ler verilmiştir: Yalnızca takip url renk kısmını değiştirmek

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

vb.

(ancak bir CDN olarak URL'yi kullanmayın, güzel ve yerel olarak dosyaları kaydetmek) kırmızı bu durumda renkte yerel olarak depolanan css dosyası için

Answer 2

Muhtemelen bunu en kolay yolu jQuery simgeler kullanılarak ve daha sonra bu görüntü dosyasını değiştirmek (veya oluşturmak kendi) ve yerine bırakın tam olarak ne imagefile bulmaktır.

Answer 3

ÖZ-ANSWER: Arka plan görüntüsü URL'sini, beyaz simgeleri kullanan dosya olarak kendim belirledim.

.dialog #errorMessage .ui-icon 
{ 
    background-image: url(../../CSS/themes/custom_green/imag/ui-icons_ffffff_256x240.png); 
} 

Bu aslında varsayılan jQuery css dosya simgesinin kullanmak istediği arka plan görüntüsünü geçersiz kılar ve istediğim rengi elde: Yani benim CSS dosyasına birkaç satır ekledi. Tabii ki bu sadece işe yaradı çünkü beyaz bir simge .png dosyası temaya dahil edildi. Ben mor gibi çılgın renkler, isteseydim, kendi simgesine (ler) oluşturmak için gerekli olurdu. Ben onlar benim kaynağında iki farklı yerde bulunuyorsanız, çünkü jQuery CSS dosyasında belirtilen URL'ye karşılık kendi CSS dosyasındaki URL'yi uzatmak için gerekli olduğunu unutmayın.

Answer 4

Kullanım dahili simge jeneratör

.ui-icon 
{ 
    background-image: url(http://jqueryui.com/themeroller/images/?new=00a300&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png) !important; 
} 

Answer 5

:

<style> 
#my_id .ui-icon { 
    background-image: url(my_css_file_location/ui-icons_cd0a0a_256x240.png); 
} 
</style>}