我遇到了一个以前从未遇到过的奇怪问题,请看这段代码:
对应的 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 在 Firefox 中效果良好,但在 Chrome 和 Safari 中不起作用。