概述行为，同时专注于点击并专注于选项卡

Question

我收到了 CSS 或 jQuery/JavaScript 问题。

我设置了许多元素 tabindex="0" 因为我需要通过页面提供选项卡，但我想知道为什么当我用鼠标单击时在 stackoverflow.com 或 developer.mozilla.org 等页面上看不到焦点上的轮廓，但是在我的页面上，当我用鼠标单击时，我可以看到轮廓。

他们真的设置了一些 jQuery/JS 来阻止显示轮廓，还是有一些在 css 中设置轮廓来阻止显示的好方法？

编辑：
1.当用户通过tab键浏览页面时，我页面上的元素应该有轮廓，
2.当用户用鼠标点击元素时，我的页面上的元素不应该有轮廓

Answer 1

你可以使用

 input,button,textarea,-----{
  outline: 0; //or outline: none;
  }   (OR)
 // Create One Class With Above Property ,Give That Class To Particular Html Element Like Below ,
.className{
  outline: 0; //or outline: none;
  }