border-top-width 样式未显示在 IE 11 的 table 中

Question

我有以下 CSS 应该用粗线标记 table 中的特定行：

CSS:

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

和 HTML 用于 table 行（伪代码）：

<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 table 没有这条粗线，而是所有线那里看起来一样。

知道为什么吗？

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>

border-top-width 样式未显示在 IE 11 的 table 中

border-top-width style is not shown in a table in IE 11

html

css

internet-explorer-11