我们可以在primeface的按钮中添加我们自己的图像

Question

在p：需要的按钮中添加我自己的图像（我想包含任何图像）。

`<p:button icon="ui-icon-star" title="Icon Only"> 

</p:button> 

`我可以添加这样

<p:button icon=""/images/someimage.png"" title="Icon Only"> 

    </p:button>` 

Answer 1

的<p:button>图标属性需要一个CSS类，你不能给它一个图像路径。例如：

PrimeFaces按钮：

<p:button icon="my-icon" /> 

CSS：

.my-icon { 
    background-image: url("images/myicon.png"); 
}