p: dataTable изменение стиля?

Question

Я использую PrimeFaces dataTable компонент, например, так:

<p:dataTable 
value="#{bean.objects}" var="item" 
paginator="true" 
rows="10" 
paginatorTemplate="{FirstPageLink} 
        {PreviousPageLink} 
        {PageLinks} 
        {NextPageLink} 
        {LastPageLink} 
        {RowsPerPageDropdown}" 
rowsPerPageTemplate="5,10,15,20,30,50,100" 
styleClass="shorterDropdown"> 
<p:column>... 
</> 
</> 

paginatorTemplate добавляет RowsPerPageDropdown. Моя цель состояла в том, чтобы изменить эту ширину выпадающего списка с помощью класса shorterDropdown в файле css, но это не сработает. Вот код CSS:

select.shorterDropdown 
{ 
    width:45px; 
} 

Как бы изменить ширину этого раскрывающегося списка с помощью CSS?

Answer 1

Для переопределения стиля по умолчанию для прайсов отредактируйте свою модификацию CSS (используйте makeers tols, чтобы найти селектор css (имя класса ....)), затем добавьте «importante!». к правилам CSS, подобным этому style = "background: red! important;"

---

Для получения дополнительной информации о приоритете CSS: (назвать порядок: последний называется это один aplied), когда на том же уровне:
важно! > #id> .class> html tag

Надеюсь, это вам поможет.