在h中设置背景图像：CSS中的commandbutton不起作用

Question

从外部CSS设置正文背景图像工作正常：它的代码是：
background: url('../Images/BG.jpg') repeat;

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

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

buttonClass的外部CSS是：
    
.buttonClass {
background: green url('../Images/buttonBG1.jpg') repeat;
height : 30px;
width: 150px;
font-size: 20px;
font-weight: bold;
border: solid 5px;
height: 30px;
}

这不起作用。但是当在CSS内联中完成相同的样式时，它完美地工作。它也能够添加图像。但是当从外部CSS文件尝试时，它不起作用。可能是什么问题？

Answer 1

您的HTML错误：读取的位置

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

应该是

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