Question

我可以选择并突出显示IE中的td元素但不能使用tr：active突出显示tr中的所有td。这在FireFox和Chrome中可以正常使用。 Here是一个JsFiddle示例，我在CSS中做错了什么？

仍然这样做...
enter image description here
在Chrome，Safari，Opera和FF ...中 HTML

<body>
    <br />
    <div id="rowCount">
        <table class='t2'>
            <tr>
                <th>Click a Cell should highlight all in the row</th>
            </tr>
            <tr>
                <td>tr:active td</td>
                <td>td:active</td>
            </tr>
        </table>
    </div>
</body>

CSS

table {
    cursor: default;
    border: 1px solid black;
    background-color: transparent;
}
div {
    z-index: 0;
    display: block;
    border:4px solid #CC3300;
    width: 80%;
    background-color: #4D70DB;
}
th{
    text-align: left;
}
td{
    border: 1px solid #000000;
}

tr:hover td {
    border:1px solid #CC3300;
}

tr:active td{
    background-color: #CC3300;
}
td:active {
    color: aqua;
}

Answer 1

这是正确的，tr:active无法在IE11及以下版本上运行。我还没有在Edge浏览器上测试过，但这显然是个bug。它也可以在IE9,8,7中复制。

经过一番研究后，我发现大多数其他浏览器之前都有这个bug。请参阅Firefox上的that bug report（完全相同的问题）。

我搜索了Microsoft Connect，但未找到报告确切问题的错误报告。我创建了一个新的错误报告，您可以使用this link跟进。

就像主题帖子的评论中所说的那样，另一篇关于Microsoft Connect的帖子也有很强的相关性，你可以follow this bug report here。

感谢您指出这一点。这是一个非常好的发现。

PS：可悲的是，我能做到的最大值。今天晚些时候，我将在Edge上测试，看看这个新浏览器是否解决了这个问题。

更新

Microsoft Edge团队联系我添加：＆＃34;此问题似乎已在MS Edge中修复。＆＃34;

IE 11 tr：主动选择器坏了吗？

1 个答案: