如何更改PrimeFaces Mobile的圖標dataList？

我有一個問題，我有一個問題，以改變圖標DataList Primeface Mobile。我根據風格研究：<p class="ui-li-aside" />帶來的圖標和位置，我試圖創建自己的風格，並添加圖標不工作我。如何更改PrimeFaces Mobile的圖標dataList？

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; 
}

enter image description here

來源

2014-12-06 Hernando

要對側的自定義圖標，你需要創建一個類，並添加到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>

來源

2014-12-06 04:47:13 Tasos

如何更改PrimeFaces Mobile的圖標dataList？

回答

相關問題