2013-08-08 4 views
0

p : selectonemenu에서 너비를 변경해야하며 CSS로 처리하고 싶습니다. CSS에서 프라임 구성 요소의 스타일을 변경하는 방법

나는 다음을 시도했지만 작동하지 않습니다 : CSS 파일에서

<p:selectOneMenu id="aderenteMenu" required="true" 
          requiredMessage="Aderente obbligatorio" styleClass="aderentestyle" 
          value="#{garaManagedBean.selectedGara.aderente.id}"> 
     <f:selectItems value="#{garaManagedBean.listaAderenti}" />      
</p:selectOneMenu> 

는 내가 가지고 : selectonemenu :

.aderentestyle .ui-selectonemenu { 
    width: 300px !important; 
} 

나는 모든 페이지를 설정할 필요가 없습니다.

감사

답변

0

나는이 방법으로 해결했다. CSS 파일은 .ui-selectonemenu를 지정할 필요가 없습니다.

.aderentestyle { 
width: 300px !important; 
} 
+0

'! important'는 일시적인 해결책으로 간주됩니다. 관련 : http://stackoverflow.com/questions/8768317/how-do-i-override-those-classes-defined-in-primefaces-css/8774997#8774997 구체적인 문제는 보지 않았기 때문에 발생했을 가능성이 큽니다. CSS를 작성하면서 JSF 생성 HTML 출력. 두 클래스 모두 매우 동일한 HTML 요소로 끝나는 것을 알아야합니다. 선택자가'.aderentestyle.ui-selectonemenu'와 같도록 클래스 이름 사이의 공백을 제거해야합니다. 모두 함께, JSF 일시 중지를 취하고 기본 HTML/CSS를 개별적으로 학습하는 것은 나쁜 생각이 아닙니다. – BalusC

관련 문제