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

Web 键盘可访问性-仅为键盘导航添加轮廓,但在鼠标单击时删除,web,tabs,navigation,keyboard,Web,Tabs,Navigation,Keyboard,我正在我的应用程序中实现键盘可访问性,遇到了一些问题。我在input、a、button、textarea和类似的键盘可访问元素周围添加了focus visiblepseudo类的大纲,并删除了:focuspseudo类的大纲和边框,它可以正常工作,但在某些情况下,例如,当我在登录表单上单击输入时,会在其周围添加大纲。在其他几个地方也有同样的行为。如何确保仅在通过键盘导航和鼠标单击时保持初始样式的轮廓边框? 还有,狩猎旅行有什么特别的吗?键盘可访问性在其中不起作用,但在Firefox和Chrome

我正在我的应用程序中实现键盘可访问性,遇到了一些问题。我在
input、a、button、textarea
和类似的键盘可访问元素周围添加了
focus visible
pseudo类的大纲,并删除了
:focus
pseudo类的大纲和边框,它可以正常工作,但在某些情况下,例如,当我在登录表单上单击输入时,会在其周围添加大纲。在其他几个地方也有同样的行为。如何确保仅在通过键盘导航和鼠标单击时保持初始样式的轮廓边框? 还有,狩猎旅行有什么特别的吗?键盘可访问性在其中不起作用,但在Firefox和Chrome中起作用