CSS 焦点在 Safari 和 Chrome 中不起作用

Question

我遇到了一个以前从未遇到过的奇怪问题。请看这段代码:

CSS:

#btn{
    margin-left:150px;
    padding:10px;
    display:block;
}
#btn a{
    padding:5px 20px;
    background:green;
    color:#FFF;
    text-decoration:none;
    outline:none;
}
#btn a:hover{
    background:#933;    
}
#btn a:focus, #btn a:active{
    background:#CF0;
color:#000; 

这里是 HTML

<div id="btn">
   <a href="#">Click here</a>
</div>

focus 和 active CSS 在 Firefox 中运行良好，但在 Chrome 和 Safari 中运行不佳。

Answer 1

是的，webkit 中的焦点似乎没什么问题。不是真正的错误。在 html 中很容易修复。只需使用标签索引。

     <a href="#" class="hide" tabindex="1">[hide]</a>
     <a href="#" class="show" tabindex="2">[show]</a>

大 ...