html - 无法删除 Primefaces SelectOneMenu 上的底部 "margin"

Question

在Primefaces Showcase , SelectOneMenu 被放置在表格单元格中。这是包含单元格的布局:

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

它们以某种方式相差~3px!

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

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

Answer 1

将 display:block 添加到 SelectOneMenu 的 css 中:

.ui-selectonemenu {
    display: block;
}