Jsf 在p:commandButton上看不到图像

我想在p:commandButton上显示图像，我尝试了许多方法，但无法在按钮上显示图像。下面是我包含的代码： css代码：

.ui-icon-myCancel{
    background-image: url("#{resources['images/cancel.jpg']}") !important;
}


 <p:commandButton icon="ui-icon-myCancel" action="#{cancelMB.cancelList}" update="dataInfo" ajax="true"/>

其他方式：

.ui-icon-myCancel{
       background-image: url(resources/images/cancel.jpg)
}

---

请指出我哪里出了问题。

另一种解决方案是放弃在此处使用CSS，并依赖于一个额外的嵌套标记“graphicImage”，而不是

命令按钮，而是
命令链接
：

<p:commandLink action="#{cancelMB.cancelList}" update="dataInfo" ajax="true" >
     <h:graphicImage name="images/cancel.jpg" title="Cancel" />
</p:commandLink>


谢谢Omar，明白了。但问题是我希望按钮上有图像，这样当我单击该按钮时，它就可以执行一些功能。现在，当我使用上面提到的命令按钮时，我可以看到一个图像和一个命令按钮。但我需要在命令按钮上有图像。感谢Omar，它起作用了，我不能接受你的回答，因为声誉点数不足以让我接受。
<p:commandLink action="#{cancelMB.cancelList}" update="dataInfo" ajax="true" >
     <h:graphicImage name="images/cancel.jpg" title="Cancel" />
</p:commandLink>