Fatal编程技术网
  • css/
  • Css IE 11 tr：主动选择器是否损坏？

Css IE 11 tr：主动选择器是否损坏？

css internet-explorer

Css IE 11 tr：主动选择器是否损坏？,css,internet-explorer,css-selectors,pseudo-class,Css,Internet Explorer,Css Selectors,Pseudo Class,我可以选择并突出显示IE中的td元素，但不能使用tr:active突出显示tr中的所有td。这与FireFox和Chrome中的预期一样有效。是一个JsFiddle示例，我在CSS中是否做错了什么 还在做… 在Chrome、Safari、Opera和FF中…… HTML 这是正确的，tr:active在IE11及以下版本上不工作。我还没有在Edge浏览器上进行测试，但这显然是一个bug。它也可以在IE9、8、7中复制 在做了一点研究之后，我发现大多数其他浏览器以前也有这个bug。请参阅Fire

我可以选择并突出显示IE中的td元素，但不能使用tr:active突出显示tr中的所有td。这与FireFox和Chrome中的预期一样有效。是一个JsFiddle示例，我在CSS中是否做错了什么

还在做…

在Chrome、Safari、Opera和FF中……
HTML

这是正确的，
tr:active
在IE11及以下版本上不工作。我还没有在Edge浏览器上进行测试，但这显然是一个bug。它也可以在IE9、8、7中复制

在做了一点研究之后，我发现大多数其他浏览器以前也有这个bug。请参阅Firefox（完全相同的问题）

我搜索了Microsoft Connect，但没有找到一个报告您的问题的错误报告。我创建了一个新的bug报告，您可以使用它进行跟踪

正如一些人在主题帖子的评论中所说，另一篇关于Microsoft Connect的帖子也与此密切相关，你可以

谢谢你指出这一点。这真是个好发现

PS：很遗憾，这是我能做的最大限度了。今天晚些时候，我将在Edge上进行测试，看看这个新浏览器是否解决了这个问题

更新

Microsoft Edge团队联系我添加：
“这个问题似乎在MS Edge中得到了解决。”

奇怪的是，
td:active
似乎在IE 11中起作用，但在IE 11中却不起作用。可能与它如何向它的父代冒泡有关？似乎是一个他们认为已经修复的老bug（）。显然不是。只是贴在那里让他们知道。。
：active
在IE中不会冒泡。你可能正在运行一个旧的IE11版本？@Antfish为什么，这不会发生在你身上？不，只是因为@gabykag.Petrioli建议这是一个旧bug，微软说他们已经修复了它。 
<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>

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