无法在Firefox上设置数据表边框css

Question

当我设置我的数据表的css规则以隐藏其工作的垂直边框时，但当您将鼠标悬停在数据表行上时，边框会再次显示。

如果您按照以下步骤操作，可以在primefaces展示中重现此内容。

1. 打开Firefox（至少我在上一版本31.0中看到了这一点）。

2. 转到http://www.primefaces.org/showcase/ui/data/datatable/selection.xhtml

3. 向下滚动到＆＃34; Single with Row Click＆＃34;

4. 点击＆＃34;第一行的第一行检查元素点击＆＃34;数据表。

5. 更改以下规则：

   .ui-datatable tbody td {
    border-color: inherit;  
   }
   

   进入这个：

   .ui-datatable tbody td {
      border-color: inherit;
      //this rule should remove the vertical border from the datatable.
      border-style: none !important;
    }
   

6. 现在将鼠标移动到行中，您会看到列之间的垂直边框显示并隐藏在某些行上。

如果您能够重现此问题/错误，请提供解决方法，我们将非常感谢。

我尝试改变.ui-state-hover但仍然是同一个问题。

这是预览。

Answer 1

这会对你有帮助....

.ui-datatable tbody td {
    border-bottom-style: double;
    border-left-style: hidden;
    border-right-style: hidden;
    border-top: 1px solid #000000 !important;
}