如何在selectonemenu中删除“列边框”?

时间:2015-01-06 08:07:55

标签: jsf primefaces

我有一个包含2列选择项的SelectOneMenu组件,例如:http://primefaces-rocks.appspot.com/ui/selectOneMenu.jsf

如何删除第一列和第二列之间的那些边框?

我得到了这个: enter image description here

但我想得到这样的东西: enter image description here

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

1 个答案:

答案 0 :(得分:1)

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

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