Jquery mobile 如何更改图标的背景色

我想为按钮中的图标设置不同的背景色。 例如，我想将信息图标的背景色更改为海军蓝

这就是我试过的

在HTML中

<a href="index.html" data-role="button" data-icon="info" class="icon-navy" data-inline="true" data-iconpos="notext"></a>

---

我找到了一个解决方案，你必须创建一个新的css类，比如

.ui-listview.customIconColor .ui-icon{
    background-color: #0fc21a /*{global-icon-color}*/;
    background-color: rgba(.05,.9,.1,.9) /*{global-icon-disc}*/;
}

并将该类插入到

<ul class="customIconColor "></ul> 

标签，对我来说很好。在您的情况下，将其插入

<a></a>

---

也许吧。检查数据角色，对我来说是listview，根据需要修改CSS类。

我找到了一个解决方案，你必须创建一个新的CSS类，如

.ui-listview.customIconColor .ui-icon{
    background-color: #0fc21a /*{global-icon-color}*/;
    background-color: rgba(.05,.9,.1,.9) /*{global-icon-disc}*/;
}

.ui-icon-info {
    background-color: #FFFFFF !important;
}

并将该类插入到

<ul class="customIconColor "></ul> 

标签，对我来说很好。在您的情况下，将其插入

<a></a>

也许吧。检查数据角色，对我来说是一个listview，可以随意修改CSS类

.ui-icon-info {
    background-color: #FFFFFF !important;
}

jQuery在数据图标属性之前添加.ui图标

动态更改颜色：$'.ui图标信息'.cssbackground颜色，红色

见示例：

jQuery在数据图标属性之前添加.ui图标

动态更改颜色：$'.ui图标信息'.cssbackground颜色，红色

---

参见示例：

您是否查看了主题选项？是的，我有，但这是全局设置，我想能够动态地改变我的bakcground你看过主题选项了吗？是的，我有，但这是全局设置，我想能够动态地改变图标的圆形