Jquery mobile 如何更改PrimeFaces Mobile的图标数据列表?
我有一个问题我有一个问题,改变图标数据列表Primeface Mobile。 我根据风格进行研究:带来图标和位置,我尝试创建自己的风格,但添加图标对我不起作用 default.css创建的样式Jquery mobile 如何更改PrimeFaces Mobile的图标数据列表?,jquery-mobile,primefaces,primefaces-mobile,Jquery Mobile,Primefaces,Primefaces Mobile,我有一个问题我有一个问题,改变图标数据列表Primeface Mobile。 我根据风格进行研究:带来图标和位置,我尝试创建自己的风格,但添加图标对我不起作用 default.css创建的样式 .ui-li-edit { margin: 0; position: absolute; right: 3.333em; text-align: right; top: 1em; background-image: url("/sgcc-web-a
.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;
}
要在侧面有一个自定义图标,您需要创建一个类并将其添加到列表项中的a标记中。您需要在类中添加:after以使其正常工作。此方法与ui li的作用相同,但具有自定义图标 演示 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>