如何删除 selectonemenu 中的 "column border"？

Question

我有一个包含 2 列 select 项的 SelectOneMenu 组件，如本例所示：http://primefaces-rocks.appspot.com/ui/selectOneMenu.jsf

如何删除第一列和第二列之间的边框？

我明白了：

但我想得到这样的东西：

我尝试在列上使用 CSS 属性 border-style，但它不起作用。有什么建议吗？

Answer 1

根据@Tiny 的提示，我设法使用以下 CSS 代码删除了边框：

.ui-selectonemenu-table td, .ui-selectonemenu-table tr{
   border-style: hidden !important;
}