web - 键盘可访问性 - 仅为键盘导航添加轮廓，但在鼠标单击时删除
问题描述
我正在我的应用程序中实现键盘可访问性，并遇到了一些问题。我为focus-visible伪类添加了轮廓input, a, button, textarea和此类键盘可访问元素，并为伪类删除了轮廓和边框:focus，它可以工作，但在某些情况下，例如当我鼠标单击登录表单上的输入时，会在它周围添加轮廓。其他几个地方的行为相同。如何仅在通过键盘导航和鼠标单击时确保轮廓边框，保持初始样式？而且，Safari 有什么特别之处吗？由于键盘可访问性在其中不起作用，但在 Firefox 和 Chrome 中起作用？
解决方案
推荐阅读
- google-chrome - Google Chrome、Iframe 和选定文本的奇怪问题，文本方向从 LTR 变为 RT
- terraform - 使用 Terraform 部署 Helm 包
- r - dplyr 满足条件时过滤掉行
- php - 自动化 WordPress 中的每周后台功能
- windows - 如何在 Windows 10 中安装的 ubuntu 终端中访问 anaconda 提示符？
- r - 如何在 for 循环中包含 dplyr::mutate
- c++ - python 3.9 x64 ctypes通过引用传递char指针（char**）OSError：异常：访问冲突读取0xFFFFFFFFFFFFFFFF
- php - 在 Laravel 8.x 中获取货币符号
- c# - 如何使用 Visual Studio 2019 在 Crystal Report 中打开导出的文件？
- r - Slackr：x `id` 的问题 - 无法发送消息