Css Can'；t覆盖用户代理样式表中的边框间距_Css_Google Chrome_Overriding_Agent_Border Spacing

Css Can'；t覆盖用户代理样式表中的边框间距

css google-chrome

Css Can'；t覆盖用户代理样式表中的边框间距,css,google-chrome,overriding,agent,border-spacing,Css,Google Chrome,Overriding,Agent,Border Spacing,由于某些原因，我无法覆盖Chrome中用户代理样式表中的边框间距。目前它被设置为2px，但我希望它是0px。边界折叠会被很好地覆盖，但边界间距不会被覆盖我还尝试添加 -webkit边框水平间距和 -webkit边框垂直间距但这些覆盖也不起作用我的HTML文档 <!DOCTYPE html> <html> <head><link href="inventorystyle.css" rel="stylesheet" type="text/css"&

由于某些原因，我无法覆盖Chrome中用户代理样式表中的边框间距。目前它被设置为2px，但我希望它是0px。边界折叠会被很好地覆盖，但边界间距不会被覆盖

我还尝试添加 -webkit边框水平间距和 -webkit边框垂直间距

但这些覆盖也不起作用

我的HTML文档

<!DOCTYPE html>
<html>
  <head><link href="inventorystyle.css" rel="stylesheet" type="text/css"></head>
  <table border="0" cellspacing="0" cellpadding="0">
      <tbody>
         <tr>
             <td><img src="iron-helmet.png"></td>
             <td><img src="gold-helmet.png"></td>
             <td><img src="diamond-helmet.png"></td>
         </tr>
      </tbody>
  </table>  
</html>

这只是Chrome在开发者工具中显示CSS规则的一个缺陷。

边框间距

属性按照Chrome中的定义工作

在这种情况下，如果检查

表

元素，则会正确显示

边框间距

信息。它只适用于内部元素，例如

td

，其中开发人员工具会显示误导性信息。根据定义，该属性不适用于它们，因此它对它们的值无论如何都是无关的。如果单击“计算”，您将看到计算样式根本不包含

边框间距

，即使在继承的属性中也是如此

在本例中，

表

元素的

边框间距

的值也没有任何影响，因为a）正在使用折叠边框模型，b）HTML标记包含

cellspacting=“0”

属性，该属性将

边框间距

设置为

，除非你在CSS中明确地覆盖它。

这让我精神崩溃

尝试添加css

img{display:block；}

这让我摆脱了它。

您正在使用CSS重置文件吗？最好使用

Normalize.css

这里是链接。我在html中引用了normalize.css，但仍然没有成功。我真的不明白怎么了。这绝对不是我的图片，因为在Firefox中，表格很好。请将它变得更具体，如

table.classname{apply your stlye}

。感谢这有助于解释很多问题。我找错地方了。原来我的桌子太宽了，让我很伤心。这个错误报告了吗？我找不到它：

table {
    border-collapse: collapse;
    border-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}