JSF 2.1 + RichFaces的4 - 更改丰富：dataScroller默认样式

我有具有以下标签页：JSF 2.1 + RichFaces的4 - 更改丰富：dataScroller默认样式

<h:head> 
<h:outputStylesheet name="style.css" library="css" /> 
</h:head>

和某种dataScroller的：

<rich:dataScroller for="productsList" id="scroller" maxPages="10">

现在我正在努力在我的style.css文件中添加

.rf-ds { background: black; }

覆盖dataScroller默认CSS样式。

我没有看到任何更改。当我打开萤火虫时，我看到两个.rf-ds类一个来自我的css并被禁用，第二个是默认的dataScroller类。

如何覆盖默认类？

来源

2011-07-26 danny.lesnik

尝试添加重要的是你的CSS是这样的：

.rf-DS {背景：！黑重要; }

看到 http://www.electrictoolbox.com/using-important-css/

来源

2011-07-27 06:37:40

你救了我！ –

尝试<link rel="stylesheet" type="text/css" href="/resources/css/style.css" />在<head></head> 。从我所看到的，附有<link> RichFaces的CSS加载后加载自己的 CSS，让您CSS优先。在我们的项目中，我们需要定制很多组件的CSS，恕我直言，添加!important并不是这样一个优雅的解决方案（它更像是一个黑客）。因此我们采取了这种方法。

来源

2011-07-30 11:51:25 Nikhil

JSF 2.1 + RichFaces的4 - 更改丰富：dataScroller默认样式

回答

相关问题