我在React应用程序中遇到一个问题,当我在Safari 12.1.2上运行时单击语义UI菜单组件时,随机突出显示。我在下面截图了这个问题。由于某些原因,随机突出显示始终存在,并且只会变粗或变细,这取决于我是否单击了Menu.Item组件。

Random Highlighting thicker after clicking on Menu.Item component

Random Highlighting thinner after clicking outside of Menu.Item component

我尝试将Menu组件切换为Button Semantic UI组件,以查看问题是否仍然存在,并且仍然存在。因此,它似乎并不局限于Menu组件本身。

在Chrome和Firefox上不会发生这种情况。任何人都可以引导我朝正确的方向介绍仅在Safari上可能导致此问题的样式设置吗?

最佳答案

我实际上已经弄清楚了,这是由于我的Menu组件的div包装器带有tab index属性引起的。语义ui中的tab索引属性在选择时具有背景色。因此,我将其插入到.css中,并且可以正常工作。

[tabindex] {
    outline: none;
}

关于css - 是什么导致Safari的语义UI组件上随机突出显示?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57965159/

10-12 00:10
查看更多