更改了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:

icons-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:

这是我更改后的图标:

当我在Chrome上对其进行测试时，它工作正常，应用正在获取新图标.

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.

潜在的问题是什么?

推荐答案

事实证明，iOS和Android手机处理的是"icons-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屋！