重点关注单击并关注选项卡时的轮廓行为

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;
  }