java - 修改Richfaces中按钮的背景

Question

我正在尝试更改元素 h:commandButton 的 backgraund-image。它位于 RichFaces:panel 中。

我用以下规则制作了一个 css 文件:

.sButton
{
     background-image:url('../imgs/btnTexture2.jpg');
     background-repeat:repeat-x;
     color: white;
}

在xhtml文件中

<h:commandButton id="btnTest" styleClass="sButton" ...../>

它不适用于 RichFaces，但它适用于 JSF。

当我检查 Chrome 时，我发现问题出在 skinning.ecss:31 文件中的一条规则。 我如何避免该规则？

如果我在 commandButton 中定义 style 属性，它可以工作，但我不想将样式放在 xhtml 文件中。

如何强制应用我的规则？ 如何在 RichFaces 中修改 h:commanButton 的背景？

Answer 1

我已经解决了这个问题。

我使用下一个CSS样式

input[type="button"].sButton
{
     background-image:url('../imgs/btnTexture2.jpg');
     background-repeat:repeat-x;
     color: white;
}

根据该规则，背景图像已更改。 我不必使用“/view/stylesheet/theme.css 下的样式类定义”(不管那是什么意思)。

就像我说的那样，问题是 RichFace 的样式比规则更优先

.sButton
{
     background-image:url('../imgs/btnTexture2.jpg');
     background-repeat:repeat-x;
     color: white;
}

文件按下一个顺序应用

panel.ecss
skinning.ecss
myStyleFile.css

出于这个原因，我做了一个有 2 个条件的规则，以便获得更高的优先级，通过这个更改，最终顺序是

myStyleFile.css
panel.ecss
skinning.ecss

这比我想象的要容易。