我有一个页面，它有以下标签:
<h:head>
<h:outputStylesheet name="style.css" library="css" />
</h:head>
和一些dataScroller:
<rich:dataScroller for="productsList" id="scroller" maxPages="10">
现在我试图通过添加
来覆盖dataScroller默认的css样式.rf-ds { background: black; }
在我的style.css文件。
我没看到任何变化。当我打开firebug时，我看到两个。rf-ds类一个来自我的css并被禁用，第二个是默认的dataScroller类。
如何重写默认类?
尝试在你的CSS中添加!important:
。Rf-ds{背景:黑色!important;}
看到http://www.electrictoolbox.com/using-important-css/
在您的<head></head>中尝试<link rel="stylesheet" type="text/css" href="/resources/css/style.css" />.从我所看到的，RichFaces加载CSS附加<link>后，它已经加载了自己的 CSS，给你的 CSS优先级。在我们的项目中，我们需要自定义很多组件的css，我认为添加!important并不是一个优雅的解决方案(它更像是一种hack)。因此我们采用了这种方法。