css - jQuery Mobile 为主题加载一组特定的图标？

Question

有没有办法为主题加载一组特定的图标？我尝试使用 data-theme=c 但没有成功

CSS

[data-theme=c].ui-icon,
[data-theme=c].ui-icon-searchfield:after {
    background-image: url(../images/icons-18-black.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;
    -moz-border-radius:                 9px;
    -webkit-border-radius:              9px;
    border-radius:                      9px;
}

html

<ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-theme="c">
                        <a href="#page4" data-transition="slide">
                            Items
                        </a>
                    </li>

Answer 1

在 [data-theme=c] 和 .ui-icon 之间留一个空格。

[data-theme=c] .ui-icon,
[data-theme=c] .ui-icon-searchfield:after {
    background-image: url(../images/icons-18-black.png);
}

如果这不起作用，您的路径也是错误的，请尝试输入完整的 url 进行测试。

background-image: url(http://code.jquery.com/mobile/1.1.0/images/icons-18-black.png);

这是一个例子 http://jsfiddle.net/codaniel/CDUth/4/