html - 无法删除 Primefaces SelectOneMenu 上的底部“边距”

Question

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

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

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

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

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

Answer 1

添加display:block到 SelectOneMenu 的 CSS 中：

.ui-selectonemenu {
    display: block;
}