2012-10-11 73 views
7

我有一個默認的jQuery Mobile圖標的問題。在Android設備上(任何瀏覽器,在默認瀏覽器,FireFox和Chrome上進行檢查),圖標均爲白色,但應爲黑色。在其他設備(iPhone,Windows Phone,臺式電腦)上,圖標應該是黑色的。 我正在使用最新的穩定jQuery Mobile 1.2.0。讓我知道是否有人遇到這樣的問題。jQuery移動圖標白色,而不是在Android上黑色

+0

嗨!你能提供一個截圖和一些代碼嗎? – Littm

回答

6

我有同樣的問題。 我使用的主題滾筒 - http://jquerymobile.com/themeroller

當生成CSS文件時可能存在小錯誤。 線789是:

background-image: url(images/icons-36-white.png); 

,但應該是:

background-image: url(images/icons-36-black.png); 
+0

我和作者有同樣的問題。這個解決方案有幫我相信這應該是一個選定的答案。 – noname

+0

我也有同樣的事情,很好找! – natlines

+0

同樣的問題。 @保羅請標記爲答案!只需在自定義的.css文件中搜索「白色」並將其更改爲「黑色」即可。 – SnareChops

0

對不起,我以前沒見過這個問題,但是您可以嘗試將類ui-icon-alt添加到要變成黑色的圖標上。

所有圖標:

$('.ui-icon').addClass('ui-icon-alt'); 
+0

工程,但只適用於一些圖標,例如在ListViews或表單元素中的圖標仍然是白色的。不太好的解決方案是將所有類定義中的所有圖標路徑更改爲黑色。 –

+0

如果您願意,可以將'background-image' css屬性從'background-image:url(images/icons-18-white.png);'更改爲'background-image:url(images/icons-18-black。 PNG);'。 – Pablo

相關問題