2012-10-11 3 views
7

デフォルトのjQueryモバイルアイコンに問題があります。 Android搭載端末(デフォルトのブラウザ、FireFox、Chromeでチェックされているブラウザ)では、アイコンは白色ですが、黒色である必要があります。他のデバイス(iPhone、Windows Phone、デスクトップコンピュータ)ではアイコンが黒く表示されます。 私は最新の安定したjQuery Mobile 1.2.0を使用しています。もし誰かがこのような問題に遭遇すれば私に知らせてください。jQueryモバイルアイコンは、Androidでは黒ではなく白で表示されます。

+0

こんにちは!スクリーンショットといくつかのコードを提供できますか? – Littm

答えて

6

私は同じ問題を抱えていました。 私はテーマローラーを使用しました - http://jquerymobile.com/themeroller

CSSファイルが生成されると、おそらく小さなバグがあります。

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

が、次のようになります:ライン789で です

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

私は著者と同じ問題がありました。このソリューションは役に立ちました。私はこれが選択された答えであると信じています。 – noname

+0

私も同じことがあった、いい発見! – natlines

+0

同じ問題。 @Paulは答えとしてマークしてください!カスタム.cssファイルで "white"を検索して "black"に変更するだけです。 – SnareChops

0

私はこの問題を以前に見たことがありませんが、黒に変えたいアイコンにクラスui-icon-altを追加しようとすることができます。すべてのアイコンについては

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

一部のアイコンのみで動作しますが、ListViewやフォーム要素のアイコンはまだ白です。あまりにも良い解決策は、すべてのクラス定義のすべてのアイコンパスを黒に変更することではありません。 –

+0

'background-image:url(images/icons-18-white.png);'から 'background-image:url(images/icons-18-black)に' background-image' CSSプロパティを変更することをお勧めします。 png); '。 – Pablo

関連する問題