仅使用键盘导航聚焦元素周围的边框而不是在单击元素后

问题描述

我的应用程序中的焦点有以下问题。 我想使应用程序适应 wcag 焦点要求,但我对某些元素(例如过滤器)有问题,它们没有在按钮周围接收边框。

如果焦点在我的过滤器上 - 元素接收 ui-state-focus 类,我将 border: 1px dotted red !important; 添加到这个类 - 现在边框在键盘选项卡按钮导航中可见,但不幸的是,当我点击时也可以看到红色边框用鼠标过滤标签 - 鼠标点击后我不想要这个边框。

你知道如何在我点击过滤器后隐藏元素的 ui-state-focus 类以避免扩展过滤器出现红色边框吗?

我使用 primefaces/jsf 并且自动添加类 ui-state-focus,但是如何仅在键盘导航期间显示边框(并且在我单击元素后也不显示)?

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)