CODEWITHSUNDEEP
htmlcssinternet-explorer-11
c00000fd
c00000fd

Reputation: 22275

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

I have the following CSS that should mark a specific row in a table with a thicker line:

CSS:

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

and HTML for table rows (pseudocode):

<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>

enter image description here

This works on most web browsers, but for some reason on one particular computer running IE 11 v.11.0.96000.18524 the table doesn't have this thick line, and instead all lines there look the same.

Any idea why?

Upvotes: 0

Views: 260

Answers (1)

Nathaniel Flick
Nathaniel Flick

Reputation: 2963

Use "border-top" not "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>

Upvotes: 2

Related Questions