html - border-top-width 样式未显示在 IE 11 的表格中

Question

我有以下 CSS，应该用粗线标记表格中的特定行:

CSS:

.frstdow td
{
    border-top-width: 2px;
}

和表格行的 HTML(伪代码):

<tr><td><td></td></td></tr>
<tr class='frstdow'><td><td></td></td></tr>
<tr><td><td></td></td></tr>
<tr><td><td></td></td></tr>
<tr><td><td></td></td></tr>

这适用于大多数网络浏览器，但出于某种原因，在一台运行 IE 11 v.11.0.96000.18524 的特定计算机上，该表没有这条粗线，而是那里的所有线看起来都一样。

知道为什么吗？

Answer 1

使用“border-top”而不是“border-top-width”:

table tr td{
border: 1px dotted blue;
}

.frstdow td
{
    border-top: 2px solid red;
}

<table>
<tr><td>THING</td></tr>
<tr class='frstdow'><td>THING</td></tr>
<tr><td>THING</td></tr>
<tr><td>THING</td></tr>
<tr><td>THING</td></tr>
</table>