单击时删除链接上的蓝色轮廓,但保留TAB选择的大纲(辅助功能)

Question

我有一个汉堡菜单按钮,可通过TAB选择.当我点击它并打开菜单时,汉堡有这个蓝色轮廓,以表明它是聚焦的.我不想删除那个蓝色轮廓,因为它有助于视障人士和标签选择它也很棒,但只有当有人通过鼠标点击蓝色轮廓时才有一种聪明的方法来删除蓝色轮廓.只是美学......

感谢您的回答.

干杯

Answer 1

那么你可能想这样做：

div:active, div:focus{
  outline: none;
  border: none;
}

有可能：

*{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}