css - 在 h :commandbutton from CSS is not working 中设置背景图片

Question

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

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

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

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


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

Answer 1

你的 HTML 是错误的:它在哪里读取

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

应该是

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