为啥 Firefox 不断删除 1px 到表格单元格的边框？

Posted 2023-03-06

【中文标题】为啥 Firefox 不断删除 1px 到表格单元格的边框？

【英文标题】：Why Firefox keeps removing 1px to the table cell's border?为什么 Firefox 不断删除 1px 到表格单元格的边框？

【发布时间】：2012-09-07 22:32:38

【问题描述】：

Firefox 是否有任何理由删除我在 CSS 文件中定义的边框值 1px？

.aprovGriditem th

   border-collapse: collapse;
   border: 4px solid #BBC6E3;
   padding: 0;

编辑

<table cellpadding="0"  cellspacing = "1" runat="server" id="tblEmployees" >
 <tr id="tr1" runat="server" class="aprovGriditem">
   <td>
        <asp:Label ID="Label1" runat="server">
   </td>
</tr>
</table>

当我检查 firebug 时，我看到边框的值为 3。当我将值设置为 3 时，我得到 2。又该如何处理呢？

【问题讨论】：

@radio。我把所有的规则，我没有使用休息 css

顺便说一下，Chrome 和 IE9 显示正常。

你在使用边框折叠吗？看看这个***.com/questions/1035706/…

是的，看看这个问题，我已经发布了整个规则。另外，我正在使用 cellspacing = "0" 因为单元格需要彼此间隔开。无论如何，删除 cellspacing = "0" 并不能解决问题。 FF 仍在从边框的值中删除 1px。

@Richard77 我无法复制这个问题：jsfiddle.net/mQxuz我已经在 Firefox 中测试过。

【参考方案1】：

我没有一个宏大的解释，但是在使用 fiddle 进行测试时，当边框折叠仅放置在表格中的一种元素类型上时，firefox 的反应似乎与其他浏览器不同。将边框折叠移动到整个表格：

#tblEmployees
   border-collapse:collapse;

.aprovGriditem th

   border: 4px solid #BBC6E3;
   padding: 0;