改变了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屋!