Question

我有一张表格，其标记类似于此

<table>
  <tr>
    <th>Label</th>
    <td>Data</th>
  </tr>
  <tr>
    <th>Label</th>
    <td>Data</th>
  </tr>
</table>

我使用简写边框声明在th，td上创建CSS边框。在第一个th上，我的顶部和左侧边框颜色被Chrome用户代理样式表上的边框颜色覆盖。见下图：

Where it's overriding my styles, this is showing styles for the th

要解决此问题，我已经测试并尝试了以下内容：

确认doctype存在<!DOCTYPE html>
添加了表格，tr，th，td {border-color：#fff;尝试覆盖样式
将第一个th更改为td，删除了background-color，并解决了问题。直到我将background-color添加回td，再次将其打破。
从所有th中删除了背景颜色，这解决了问题，但却没有为设计工作。
使用类隔离了th有问题，并尝试使用重要的覆盖border-color。它不起作用，因为它使用的边框颜色来自表格，而不是th或td。

我正在寻找解决此问题的可能方向，由于我的工作性质（政府申请），我无法分享更详细的代码，但如果需要，我可以提供更多细节

Answer 1

你应该试试这个

table *{
-webkit-backface-visibility: visible;
}

Answer 2

我遇到了同样的问题。将img更改为div解决了我的问题。看这里User agent stylesheet overriding border styles