jsf - 如何覆盖丰富的背景图像：inputNumberSpinner

Question

在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>

谢谢

Answer 1

移动 RichFaces入门文档中有许多关于使用 RichFaces 4 创建移动应用程序的有用技巧。您可以使用针对移动设备优化的皮肤（参见步骤 3）。

另一个解决方案可能是在您的 CSS 定义中使用 !important：

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

问候，帕洛