表中的 Safari 额外行答案

【问题标题】：Safari extra line in table表中的 Safari 额外行
【发布时间】：2012-12-09 02:46:41
【问题描述】：

在我的 web 项目中，我创建了一个简单的表格并使用 css 对其进行样式设置，在 chrome firefox 甚至在 ie 中，一切看起来都很正常，但在 safari 中，随机表格单元格中会出现额外的边框，当我在单元格中选择文本时，边框会消失.下面有图片。我该如何解决这个问题？我猜这是 Safari 问题，而不是错误的 css 或 html。

页面加载后：

选择文字后：

【问题讨论】：

两张图片在我看来都一样！
查看选中部分，选中时额外边框消失
这是我选择和取消选择dl.dropbox.com/u/47229143/4.png后的样子
请在 jsfiddle.net 上发布您的代码和/或重新创建问题
这里是jsfiddle.net/ry7L2/1

标签： html css safari

【解决方案1】：

在我看来一切都是有效的。事实上，我正在使用 safari v6.02 并且没有呈现任何错误。也许它可能来自其他未发布的 html。

旁注.. 使用 safaris 元素检查器尝试找出问题

【讨论】：

我不认为这是由 otter html 引起的，因为它在我的 safari 上的 jsfiddle 中仍然呈现错误。我曾尝试使用检查元素，但棘手的部分是当我选择边框消失时。我也在 Mac 电脑上使用 6.0.2。

【解决方案2】：

在您的 css 中为该特定单元格（或所有单元格）使用此代码：

td:focus, td:active, td:hover, td{
    border: none;
}

仅使用您不希望有任何边框的

的代码。

如果上述方法不起作用，请使用：

td:before, td:after{
    border: none;
}

【讨论】：