0
.csstdhighlight
{
    border-left-color: Red;
    border-right-color: Red;
    border-bottom-color: Red;
    border-top-color: Red;
    border-style: solid;
    border-width: 1px;
    background-color: White;
}
<html>
<body>
<style type="text/css" media="screen">
    .csstdhighlight
    {
        border:1px solid red;
        background-color: White;
    }
</style>
<table>
    <tr>
        <td class="csstdhighlight">foo</td>
        <td>bar</td>
    </tr>
</table>
</body>
</html>

我将边框应用于表格单元格,但 CSS 不适用于早于 8 的 IE 版本。

4

2 回答 2

0

这在 IE 6/7 中适用于我:

<html>
<body>
<style type="text/css" media="screen">
    .csstdhighlight
    {
        border:1px solid red;
        background-color: White;
    }
</style>
<table>
    <tr>
        <td class="csstdhighlight">foo</td>
        <td>bar</td>
    </tr>
</table>
</body>
</html>

“foo”周围的表格单元格有一个红色边框。http://jsfiddle.net/rUcnv/

于 2012-10-29T12:52:00.620 回答
0

您的 CSS 没有任何问题,这里的问题是您的表格单元格没有内容。在 IE7 中不存在空表格单元格,这意味着不会呈现边框样式。

在此处查看有关空单元格的相关主题。

于 2012-10-29T13:48:55.397 回答