定义新的Icon Collapsible JQuery

Question

我正在尝试为JQuery Collapsable视图定义自定义图标。我想这样做而不必修改默认的JQuery CSS和.JS文件。

以下是我开始使用的jsFiddle：http://jsfiddle.net/jakechasan/M7LLU/

我试过这个，但没有成功：

#plus .ui-icon {
     background:  url(open.png) 50% 50% no-repeat; background-size: 24px 22px;
}

这是我想要的外观:(注意行标题旁边的自定义图标）[注意：这只是一个Photoshop模型]

有没有人对如何改变这个有想法？

感谢。

Answer 1

jQuery Mobile设置的图标选择器似乎是.ui-icon-plus:after。

如果将其添加到自己的CSS中，则可以覆盖标准图标。的 DEMO

.ui-icon-plus:after {
    background: url("http://upload.wikimedia.org/wikipedia/commons/3/34/Red_star.svg") top center no-repeat;
    border-radius: 0;
}