桌面边框无法填充颜色

Question

也许我在这里忽略了些什么，但是我无法弄清如何给 td 元素的顶部边框上色。

  table {
    border-collapse:collapse;
  }

  td {
    border: 2px solid #000;
  }

  tr:hover td {
    border-color: #F55;
  }

作为预期工作正常，唯一的问题是顶部边框没有颜色。 http://jsfiddle.net/45CSj/

- strudelkopf

---

你想给th上色还是想给td的顶部上色？ - Ankur Aggarwal

Answer 1

因为您正在使用 border-collapse: collapse;，请改用 border-collapse: separate; 并将 border-spacing 设置为 0。

table {
    border-collapse: separate;
    border-spacing: 0;
}

演示

- Mr. Alien

---

问题是另一个，悬停于 td。 - Hamed mayahian

Answer 2

这可能会有用 -

表 {边框折叠：分离; 边框间距：0像素}

表格 td {边框：1px实线#000;}

tr：hover td {边框：1px实线#F55;}

但是这将在单元格/行周围显示双重边框。

- Rahul Joshi