如何更改数据表列过滤器（日历）的宽度？ [复制]答案

【问题标题】：How to change width of a datatable column filter (calendar)? [duplicate]如何更改数据表列过滤器（日历）的宽度？ [复制]
【发布时间】：2019-07-25 09:48:32
【问题描述】：

我对 css 类有疑问。我很容易用检查元素改变了宽度，但我不能通过 style.css 改变它。我应该使用哪个类？

datatable

inspect element code

代码：

<p:column id="dateFrom"  headerText="DATUM OD"
            filterBy="#{log.datumOd}" sortBy="#{log.datum_upisa}">
            <f:facet   name="filter">

                <p:calendar  onkeyup="PF('loggerTable').filter()"
                    onchange="PF('loggerTable').filter()" id="from"
                    pattern="dd/MM/yyyy" widgetVar="dateFrom">
                    <p:ajax  event="dateSelect" oncomplete="PF('loggerTable').filter()"
                        update="logsTable" />
                </p:calendar>

            </f:facet>
            <h:outputText id="datumOdZaBrisanje" value="#{log.datum_upisa}" />
</p:column>

已编辑：css edited with browser developer tool

我想设置宽度：95px。我试过filterStyle，class，用div包起来，但是什么也没发生

【问题讨论】：

你能使用浏览器开发工具让它工作并在其中破解一些 css 吗？是的，你可以......你为什么不发布？
帖子已编辑，请检查第三张图片，ty
请在文本中编码，而不是图像......这是在非常低级别的组件上使用 INLINE 样式。尝试在祖父母的父母和正确的 css 上上课
完成！类上的父作品。 .parentClass 输入{ 宽度：95px }

标签： css jsf primefaces

【解决方案1】：

使用它，在您的 style.css 文件中写入 width: 95px !important;

【讨论】：

1：缺少选择器。答案有点没用。 2：参见stackoverflow.com/questions/8768317/… !important 之前的最后一个主题应该是非常非常最后的手段。 OP 可以通过一个好的选择器轻松实现这一点。