修复datatable：rowsPerPageTemplate样式

Question

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

我做了什么：

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

select{width : 100% !important;}

问题是rowsPerPageTemplate采用了相同的selectmenu宽度，这是不期望的，我希望rowsPerPageTemplate采取不同于select菜单宽度的自定义宽度，所以我在css中添加了这段代码

select.customWidth
{
 width:45px;
}

我在我的xhtml页面中调用了这种风格，如下所示

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

似乎不考虑使用customWidth

screen shoot

任何人都可以引导我到正确的位置

Answer 1

问题解决了，我在样式表中添加了这段代码来设置rowsPerPageTemplate的宽度（在我的例子中为10em）

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

}