单击“链接”和“按钮”可显示焦点轮廓

Question

我正在尝试修复使用jQuery的现有应用程序中的问题。问题在于，每当我点击页面上的任何链接或按钮时，我都会看到该元素采用焦点轮廓（例如Chrome / Safari中的蓝色光晕），就好像该元素具有焦点一样。点击后我必须摆脱那个轮廓。我不认为这是默认行为，因为我无法在任何其他网站上复制它。就此而言，我无法在只有一个链接的简单HTML页面上复制它。

我无法使用outline:none 因为我必须使用Tab键显示焦点的轮廓。我尝试使用document.activeElement.blur()和$(element).blur()没有运气，因为一些事件处理程序正在使用event.stopPropagation()而我无法更改每个事件处理程序的代码。

任何人都可以帮我这个吗？点击后链接保留焦点的原因是什么？代码中没有任何地方以编程方式完成，因为它发生在每个链接和按钮以及一些li元素上。

感谢你在这方面的帮助。

Answer 1

我认为这是Chrome和Safari的默认行为。

如果您访问此页面https://www.linkedin.com/并单击电子邮件地址和密码字段，那么您将看到与您相同的事情。我希望我没错。

Answer 2

你可以给出概述：无;

对于元素的焦点/模糊：您只需添加类.outlineborder

.outline{
  outline:inherit !important;
 }

 $('.button').on('blur').... $(this).addClass('outline');