Primefaces DataTable selectCheckboxMenu 过滤器格式问题答案

【问题标题】：Primefaces DataTable selectCheckboxMenu filter formatting issuePrimefaces DataTable selectCheckboxMenu 过滤器格式问题
【发布时间】：2025-12-09 22:15:02
【问题描述】：

我将位于此处的过滤器的 Primeface 展示复制到我的本地 JBoss 安装中： http://www.primefaces.org/showcase/ui/data/datatable/filter.xhtml 但是我的颜色 selectCheckboxMenu 最终看起来像这样

我正在使用 Primefaces 5.0。如何让它看起来像 PF Showcase 网站上的演示？

编辑

更改为 PF 5.1.RC1 但仍然没有运气

还尝试增加 p:selectCheckboxMenu 演示使用的宽度，但结果是这样

【问题讨论】：

没有 IE 11 和 Firefox 32.0.3。但就像我说的那样，在使用相同的两个浏览器查看 Primefaces Showcase 演示时，下拉菜单的格式正确
啊，好吧，我打算建议你尝试新的 5.1 版本，因为某些复选框有类似的错误：related
就在添加赏金之前，我已更改为 PF 5.1.RC1 但没有运气。
目前无法重现，您是否尝试使用p:selectCheckboxMenu 的panelStyle 属性设置更高的宽度？
您当前的 CSS 很可能与原来的 CSS 不匹配，我无法重现该问题！ imgur.com/sZLhgPv

标签： css jsf primefaces

【解决方案1】：

问题是我的自定义 CSS 文件中有以下条目与 Primefaces.css 冲突

label {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block
}

【讨论】：