无法删除 Primefaces SelectOneMenu 上的底部“边距”答案

【问题标题】：Can't remove bottom "margin" on Primefaces SelectOneMenu无法删除 Primefaces SelectOneMenu 上的底部“边距”
【发布时间】：2012-09-30 04:15:22
【问题描述】：

在Primefaces Showcase 中，SelectOneMenu 放置在表格单元格中。这是包含单元格的布局：

但是，如果我复制 Showcase HTML 结构并包含其 default.css，我得到的布局如下所示：

不知何故，它们相差 ~3px！

这很烦人，因为我正在创建一个带有输入元素的表单。每当我使用 SelectOneMenus 时，网格行有点过大：

知道如何删除这个底部“边距”吗？ Chrome/FF/IE 中的开发者工具并未揭示根本原因...

【问题讨论】：

如果没有看到您的 HTML + CSS 输出，任何人都很难回答这个问题。您的 primefaces 代码可能不相关。
我没有自定义 CSS/HTML。我只是在我的页面上放了一个普通的 SelectOneMenu。您想查看 JSF/Primefaces 生成的 CSS 和 HTML 吗？我对复制 Showcase 示例的评论只是为了证明他们的 CSS 没有解决问题（然而，它不知何故不存在）。如果我知道他们正在使用的其他 CSS/技术，我可以自己解决问题。
这是客户端问题，需要调整生成的CSS。
@Pakman 这个问题你解决了吗？我也面临同样的问题。
@Jin Kwon 添加了答案...我认为

【解决方案1】：

将 display:block 添加到 SelectOneMenu 的 CSS 中：

.ui-selectonemenu {
    display: block;
}

【讨论】：