1

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

这是我试过的

在 HTML 中

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

现在，在生成的按钮中，图标得到匹配的 CSS 规则 .ui-icon 链接具有规则 icon-navy。

有没有办法查看 .icon-navy 是否有 id 为 .ui-icon 的孩子并将背景色设置为

$('.icon-navy .ui-icon').css({'background-color':'navy'});
4

2 回答 2

2

我找到了一个解决方案，你必须创建一个新的 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>

标签也许。并检查数据角色，对我来说它是一个列表视图，根据需要修改 CSS 类。

于 2013-06-28T09:31:08.013 回答
2 
.ui-icon-info {
    background-color: #FFFFFF !important;
}

jQuery.ui-icon在data-icon属性之前添加。

动态改变颜色：$('.ui-icon-info').css("background-color", "red");

参见示例：http: //jsfiddle.net/androdify/LVnZw/

于 2013-06-28T10:28:14.920 回答