【问题标题】:Setting background image in h:commandbutton from CSS is not working在 h:commandbutton 中从 CSS 设置背景图像不起作用
【发布时间】:2014-01-23 22:19:44
【问题描述】:

从外部 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-inline 中完成相同的样式时,它可以完美地工作。它也能够添加图像。但是从外部 CSS 文件尝试时,它不起作用。可能是什么问题?

【问题讨论】:

  • 检查路径,基于url 您的css 和Images 文件夹应该在同一级别(同一文件夹的子文件夹)跨度>
  • 路径正确,对其他jsf组件有效,对命令按钮无效。
  • 打开 FireBug 看看附加了哪些样式,有什么问题。

标签: css jsf-2 richfaces


【解决方案1】:

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

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

应该是

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-09-27
    • 1970-01-01
    • 2012-04-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多