如何更改 PrimeFaces Mobile 的图标数据列表？ [复制]答案

【问题标题】：How change icon dataList of PrimeFaces Mobile? [duplicate]如何更改 PrimeFaces Mobile 的图标数据列表？ [复制]
【发布时间】：2014-12-06 02:57:37
【问题描述】：

我有一个问题我在更改 DataList Primeface Mobile 图标时遇到问题。我根据风格研究了：<p class="ui-li-aside" />带来了图标和位置，我尝试创建自己的风格并添加图标不起作用。

default.css（创建的样式）

.ui-li-edit {
    margin: 0;
    position: absolute;
    right: 3.333em;
    text-align: right;
    top: 1em;

    background-image:
    url("/sgcc-web-app/javax.faces.resource/images/icons-18-white.png.jsf?ln=primefaces-mobile");
    background-position: -108px 70%;
    width: 18px;
    height: 18px;
}

【问题讨论】：

标签： jquery-mobile primefaces primefaces-mobile

【解决方案1】：

要在侧面有一个自定义图标，您需要创建一个类并添加到列表项中的a 标记中。您需要在类中添加:after 以使其工作。此方法与ui-li-aside 的作用相同，但具有自定义图标。

演示

http://jsfiddle.net/0596ezfo/

CSS 和 HTML

.ui-icon-myicon:after {
    background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/7e/Cute-Ball-Favorites-icon.png");
    /* Make your icon fit */
    background-size: 28px 28px;
}


<li><a class="ui-icon-myicon">MY Custom Icon</a></li>

【讨论】：