2011-07-26 4 views
0

나는 다음과 같은 태그가있는 페이지가 : 내가 노력하고있어 이제JSF 2.1 + RichFaces 4 - 풍부한 변경 : dataScroller 기본 스타일 시트

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

:

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

및 dataScroller 어떤 종류의 내 style.css 파일에

.rf-ds { background: black; } 

을 추가하여 dataScroller 기본 CSS 스타일을 재정의 할 수 있습니다.

변경 사항이 표시되지 않습니다. 방화 광케이블을 열면 두 .rf-ds 클래스 중 하나가 내 CSS에서 제공되고 비활성화되고 두 번째 클래스는 기본 dataScroller 클래스임을 알 수 있습니다.

어떻게 기본 클래스를 재정의 할 수 있습니까?

답변

2

시도는 추가하는 것이 중요합니다 당신의 CSS에 다음과 같이 :

.rf-DS {배경 :! 블랙 중요합니다; }

당신의 CSS의 우선 순위를주고, <link> 부착 RichFaces로드 CSS 그것은 자신의 CSS를로드 한 후, http://www.electrictoolbox.com/using-important-css/

+0

나를 구 했어요! –

0

내가 본 것을 당신 <head></head> 피하여에 <link rel="stylesheet" type="text/css" href="/resources/css/style.css" /> 시도를 참조하십시오. 우리 프로젝트에서 우리는 많은 컴포넌트의 CSS와 IMHO를 사용자 정의해야했습니다. !important을 추가하는 것은 (해킹과 같은) 우아한 솔루션이 아닙니다. 그래서 우리는이 접근법을 취했습니다.

관련 문제