改变了jQuery Mobile的默认图标集，工作的浏览器，失败的设备 [英] changed jQuery Mobile's default icon set, work on browser, failed on device

问题描述

在我的应用程序，我改变了jQuery-Mobile的默认图标：

in my application, I changed the jQuery-Mobile's default icon:

图标-18-white.png

icons-18-white.png

CSS：

.ui-icon,
.ui-icon-searchfield:after {
background-color: #000000 /*{global-icon-color}*/;
background-color: transparent /*{global-icon-disc}*/;
background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
background-repeat: no-repeat;
-webkit-border-radius:              9px;
border-radius:                      9px;
}

这是图标之前，我改变：

This is the icon before I change:

这是该图标后，我改变了它：

This is the icon after I changed it:

当我测试浏览器下正常工作，程序是拿起新图标。

when I test it under Chrome, it works fine, app is picking up the new icons.

但是，当我建立它的设备上，无论是iOS和Android的，他们仍然显出老 箭头图标。

But when I build it onto device, whether iOS or Android, they are still showing the old arrow icons.

我试图删除应用程序，并清理项目和重建家园。但它仍然没有回暖的新图标。

I've tried to delete the app and clean the project and rebuild. But it still does not pick up the new icon.

有什么潜在的问题是什么？

what's the potential problem is?

推荐答案

事实证明，iOS和Android手机处理图标-36 white.png，所以你应该包括，改变它。

It turns out that iOS and Android phones deal with "icons-36-white.png", so you should include and change it as well.

这篇关于改变了jQuery Mobile的默认图标集，工作的浏览器，失败的设备的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！