javascript - 我怎样才能说服 Firefox 重绘 CSS 伪元素？

Question

当类动态更改时，我无法让 Firefox 更新网页。

我正在使用 HTML table 元素。当用户单击表头中的单元格时，我的脚本会在 sorted_asc 和 sorted_des 之间来回切换类。我有一个伪元素，它根据单元格当前所在的类添加箭头符号(向上或向下)。

.thead .tr .sorted_asc .cell:after {
    content: ' \25B2';
}

问题是，当您第二次单击单元格标题时，页面不会更新箭头...直到用户将鼠标从元素上移开。我认为这是一个错误，因为它在 Safari 中运行良好，而且我没有在我的 CSS 或其他可能干扰的条目中看到任何 :hover 标签。

有人以前见过这个，或者知道如何解决这个问题吗？

Answer 1

这有点俗气，但是既然你正在使用 javascript，那么在你更改类名之后试试这个:

document.body.style.display = 'none';
document.body.style.display = 'block';

这将重新渲染布局并经常解决这些错误。不过，并非总是如此。