jQuery Mobile 的图标更改未显示在 phonegap 中答案

【问题标题】：jQuery Mobile's icon changes not show in phonegapjQuery Mobile 的图标更改未显示在 phonegap 中
【发布时间】：2014-05-19 16:41:48
【问题描述】：

我最初问了这个问题：changed jQuery Mobile's default icon set, work on browser, failed on device，但后来我发现这可能是一个 phonegap 问题。

有没有人在更改 JQuery Mobile 在 phonegap 中的默认设置方面有经验？

查看我关于问题描述的其他帖子。

有什么建议吗？

【问题讨论】：

标签： jquery-mobile cordova

【解决方案1】：

尝试使用自定义图标

.ui-icon-customicon {
    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;
}

在html页面中

<a href="#" data-icon="customicon" ></a>

【讨论】：

【解决方案2】：

好吧，我的建议与您在上一个问题中已经建议的相同...如果您只需要更改图标，它应该会有所帮助。但是，如果您现在想要更改 JQuery Mobile 元素的样式 - 您可以更改相应类的样式或使用 Ved 已经提到的自定义元素。

【讨论】：

【解决方案3】：

好的，我在末尾添加了 !important 并且有效：

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

【讨论】：