如何自定义p：accodionPanel图标？

Question

我正在使用PrimeFaces和JSF，我正在尝试自定义<p:accordionPanel>并在<p:accordionPanel>标题中添加更多图标。

我怎样才能实现这两个目标？以下是我的示例代码。

<p:accordionPanel dynamic="true" cache="true" activeIndex="none">
    <p:tab title="Sample Accordion Panel1 for  Chronicle">
        <h:panelGrid columns="2" cellpadding="10">
            <h:outputText styleClass="UX_FontClass" value="My Chronicle..." />
        </h:panelGrid>
    </p:tab>
</p:accordionPanel>