2013-10-11 2 views
0

Когда я с помощью PickList из primefaces У меня была проблема:Как исправить CSS для PickList в JSF primefaces 3,3

Это мой PickList:

<p:pickList id="pkList" value="#{func_route.cities}" var="city" itemLabel="#{city}" itemValue="#{city}" filterMatchMode="contains" showSourceControls="true" showTargetControls="true" showSourceFilter="true" showTargetFilter="true" /> 

Это мой CSS для моего PickList:

.ui-picklist .ui-picklist-list { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: auto; 
    height: 130px; 
    width: 100px !important; 
} 

Но CSS из primefaces:

.ui-picklist .ui-picklist-list { 
    width: 350px !important; 
} 

Так ширина атрибута моего CSS не принимается в этом моем коде. Как я могу это исправить?

+1

возможно дубликат [? Как переопределить эти классы, определенные в primefaces.css] (http://stackoverflow.com/questions/8768317/ how-do-i-override-these-classes-defined-in-primefaces-css) – BalusC

+0

благодарит за вашу помощь! – Thangnv

+0

Извините, но это не работает для меня, потому что там была исправлена ​​ширина атрибутов атрибутов! Важно, поэтому я не могу переопределить его, другие атрибуты я по-прежнему переопределяю нормально! – Thangnv

ответ

1

Просто переопределить его CSS в вашем собственном файле CSS:

.ui-picklist .ui-picklist-list { 
    width: 100px; 
} 
Смежные вопросы