PrimeFaces自定義菜單圖標未呈現

Question

我正在開發一個也使用PrimeFaces組件庫的JSF應用程序。 我想在應用程序中應用一些菜單欄組件。 但是，無法創建我創建的圖標。 在PrimeFaces文檔中，聲明對於自定義圖標，我應該具有一個CSS類。 我用圖像創建了CSS，並將其輸入到菜單欄的icon屬性，但是沒有用。 以下是我的CSS。

.mainPageIcon {
    background: url(/images/motorStop.png) no-repeat;
    height: 16px;
    width: 16px;
}

<p:menubar>
     <p:menuitem icon="mainPageIcon" value="mainPage"/>
</p:menubar>

我該怎么辦？

Answer 1

在Primefaces中，要使用CSS類，請使用屬性styleClass。 它等效於HTML中的class。 所以，

 <p:menuitem styleClass="mainPageIcon" value="mainPage"/>