Javascript CSS：焦点选择器不'；使用.focus（）聚焦元素时无法工作

我试图突出显示聚焦的

s

我已经为它们添加了一个选项卡索引

-1

，并确认调用

some\u tr.focus（）

会将

document.activeElement

设置为

some\u tr

。但是，由于某些原因，

tr:focus

CSS规则没有突出显示某些内容

需要注意的是，对于我（Firefox 54），手动点击一个

会使它高亮显示

document.getElementById（“that_tr”）.focus（）；
console.log（document.activeElement）
tr:focus{
背景：浅蓝色；
}

部分
佩斯
事情
东西
数据1
数据1
数据1
数据1
数据2
数据2
数据2
数据2
我不知道为什么，但我发现我的代码在从事件侦听器运行时（linux上的Firefox）适用于我。这似乎是浏览器的一个怪癖，也可能是一个bug


document.addEventListener（'keydown'，函数（e）{
document.getElementById（“that_tr”）.focus（）；
console.log（document.activeElement）；
});
tr:focus{
背景：浅蓝色；
}

部分
佩斯
事情
东西
数据1
数据1
数据1
数据1
数据2
数据2
数据2
数据2
当我运行你的代码片段时，我看到了突出显示。它在Chrome、Safari和Firefox中工作。我可以确认它在Firefox 54中不工作。0a2@Barmar单击“运行代码段”后，最后一个tr将以浅蓝色突出显示？@IiroP那么这是一个浏览器错误吗。。？