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。我的目标是通过css文件中的shorterDropdown类更改此下拉宽度，但它不起作用。这是CSS代码：

select.shorterDropdown 
{ 
    width:45px;
}

如何通过CSS更改此下拉列表的宽度？

Answer 1

要覆盖Primefaces的默认样式，请编辑CSS修改（使用developper tols，找到css选择器（类名....））然后添加＆＃34; importante！＆＃34;像CSS这样的规则=＆＃34;背景：红色！重要;＆＃34;

有关css优先级的更多信息:(调用顺序：最后一次调用是一个应用的）当处于同一级别时：
重要！＆GT; #id＆gt; .class＆gt; html标签

希望这会对你有所帮助。

p：dataTable样式改变？

1 个答案: