在Safari中移除顺风CSS blur-sm类(基本上)没有任何作用

Question

我有一个翻译成法语和英语的段落列表。我也有几个按钮，用户可以点击来模糊/取消模糊的法语或英语文本。

例如，当用户点击"模糊法语文本"按钮:

unblurFrenchPhrases() {
document.querySelectorAll('.french-phrase').forEach(e => e.classList.remove('blur-sm'));
}

它在Chrome和Firefox中工作得很好，但在Safari中不行。在Safari中，Tailwind类按预期被删除，但文本仍然显得模糊，除非我点击它或选择它。

如果我直接在JavaScript控制台中输入同样:

document.querySelectorAll('.french-phrase').forEach(e => e.classList.remove('blur-sm'));

我做错了什么?我的猜测是，这不是删除一个顺风类来操纵DOM的正确方式，但我不确定该怎么做。

感谢

Answer 1

终于找到解决办法了。我试图模糊/取消模糊的元素也有一个"drop-shadow-md"类。删除后，一切都在Safari中工作。不确定是bug还是模糊和投影不应该这样使用