css - 如何左对齐 p :datatable filter text box?

Question

<p:column style="text-align: left;width:60px;"
          headerText="Zone"
          filterBy="#{shopsCentroidMP.centroidMZone}"
          filterMatchMode="contains"
          filterStyle="width:70% !important;"
          sortBy="#{shopsCentroidMP.centroidMZone}"/>

注意:filterStyle 应该左对齐。

Answer 1

如果你想对齐过滤器文本框内的文本，你可以将这个规则添加到你的css:

.ui-column-filter {
    text-align: left !important;
 }

如果您只想对齐 customFilterColumn 中的组件:

.ui-column-customfilter {
   text-align: left !important;
}