Web 键盘可访问性-仅为键盘导航添加轮廓，但在鼠标单击时删除

我正在我的应用程序中实现键盘可访问性，遇到了一些问题。我在

input、a、button、textarea

和类似的键盘可访问元素周围添加了

focus visible

pseudo类的大纲，并删除了

：focus

pseudo类的大纲和边框，它可以正常工作，但在某些情况下，例如，当我在登录表单上单击输入时，会在其周围添加大纲。在其他几个地方也有同样的行为。如何确保仅在通过键盘导航和鼠标单击时保持初始样式的轮廓边框？ 还有，狩猎旅行有什么特别的吗？键盘可访问性在其中不起作用，但在Firefox和Chrome中起作用