css - 焦点不突出显示选项卡上的 anchor 链接

Question

除一个之外的所有 anchor 链接都会在焦点上更改背景颜色(除了一个)。

HTML

<a id="login-as-guest">Cancel and browse as guest</a>

CSS

#login-as-guest a:focus{
background-color: yellow;
}

有什么想法吗？

Answer 1

要使用焦点，您需要为元素分配 tabindex，因为它不是输入。否则你可以使用active。另外你的代码也不正确。目前，它正在具有该 ID 的元素中查找 a 元素。

正确的做法是

a#login-as-guest:focus{ background-color: yellow; }

两种方式:演示 http://jsfiddle.net/kevinPHPkevin/t2hbS/