css - 修复datatable:rowsPerPageTemplate样式

我的目标是修复rowsPerPageTemplate im p：datatable的宽度
（我使用的是primefaces和HTML5）

我做了什么：

在我的CSS中，我固定了选择菜单的样式，如下所示

select{width : 100% !important;}

问题是rowsPerPageTemplate采用了与预期相同的selectmenu宽度，我希望rowsPerPageTemplate采用与选择菜单的宽度不同的自定义宽度，所以我在CSS中添加了此代码

select.customWidth
{
 width:45px;
}

我在我的xhtml页面中称这种风格如下

<p:dataTable
rowsPerPageTemplate="5,10,15"
styleClass="customWidth">

似乎未考虑customWidth的程度

screen shoot

谁能指导我正确的观点

最佳答案

问题解决了，我在样式表中添加了此代码以设置rowsPerPageTemplate的宽度（在我的情况下为10em）

.ui-paginator .ui-paginator-rpp-options {
margin-left: 1em;
margin-right: 1em;
background-image: none;
width: 10em !important;

}

关于css - 修复datatable:rowsPerPageTemplate样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33854199/