所有浏览器的自定义焦点指示器

Question

每个浏览器都有自己的焦点指示器，如： 当通过键盘选项卡焦点对焦时，Firefox具有虚线。 Chrome提供了一个蓝色边框

有什么办法来设置所有的浏览器自定义焦点指示符？

我曾尝试以下

:focus { 
    outline: 2px solid #0000ff; } 

，但它不工作。

Answer 1

：焦点是一个伪元素，因此它需要附加到其他链接。查看我的示例，然后单击链接框，它将变为红色，并使用：focus属性进行样式设置。如果在任何浏览器工作：

a { 
 
background: #efefef; 
 
    padding: 1em; 
 
    text-decoration: none; 
 
} 
 

 
a:focus 
 
{ 
 
    background: red; 
 
    }

<a href="#">Sample link</a>