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默認樣式

回答

相關問題