如何覆盖rich:inputNumberSpinner的background-image

时间:2012-05-23 06:56:46

标签: jsf richfaces stylesheet

在richfaces中有rich:inputNumberSpinner。它有两个类:

.rf-insp-inc {
    background-image: url("/test/facesx/rfRes/spinnerArrowTop.png?v=4.2.0.Final&db=eAH7z8DAAAAEAAEA&ln=org.richfaces.images");
}
and 
.rf-insp-dec {
    background-image: url("/test/facesx/rfRes/spinnerArrowBottom.png?v=4.2.0.Final&db=eAH7z8DAAAAEAAEA&ln=org.richfaces.images");
}

如果我在Ipad上测试它,那就太小了。我希望它更大,所以如何覆盖rich:inputNumberSpinner?

的背景图像

我已经将我的背景图片放在我的xhtml文件中,但没有任何改变,有什么不对或丢失?

<style type="text/css">
     .rf-insp-inc{background-image: url(../../pics/icon_up.jpg);}
</style>

由于

1 个答案:

答案 0 :(得分:0)

有许多有关使用Getting Started With Mobile RichFaces文档中的RichFaces 4创建移动应用程序的有用提示。您可以使用针对移动设备优化的皮肤(请参阅步骤3)。

另一种解决方案可能是在CSS定义中使用!important:

<style type="text/css">
    .rf-insp-inc{background-image: url(../../pics/icon_up.jpg) !important;}
</style>

此致 帕洛阿