我們可以在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"); 
}