在CSS中的h:commandbutton中设置背景图像无效

从外部CSS设置身体背景图像效果良好：代码为：

background:url（'../Images/BG.jpg'）重复

现在我在UI上有一个命令按钮：

h:commandButton value="Login" styleClass="buttonClass"
h:commandButton value=“Login”styleClass=“buttonClass”
buttonClass的外部CSS为：



.buttonClass{

背景：绿色url（'../Images/buttonBG1.jpg'）重复；

高度：30px；

宽度：150px；

字体大小：20px；

字体大小：粗体；

边框：实心5px；

高度：30px；

}

这不管用。但是当同样的样式在CSS内联中完成时，它可以完美地工作。它还可以添加图像。但是当从外部CSS文件尝试时，它不起作用。可能有什么问题？
您的HTML错误：它在哪里读取

h:commandButton value="Login" styleClass="buttonClass"

应该是

h:commandButton value="Login" class="buttonClass"

检查路径，基于
url
您的css和图像文件夹应位于同一级别（同一文件夹的子文件夹）路径正确，它适用于其他jsf组件，但不适用于命令按钮。打开FireBug并检查附加了哪些样式，存在哪些问题。