除了一个之外，所有锚链接都在焦点上更改了背景颜色，除了一个。
HTML
<a id="login-as-guest">Cancel and browse as guest</a>
CSS
#login-as-guest a:focus{
background-color: yellow;
}
有任何想法吗？
问问题
24933 次
2 回答
15
要使用焦点，您需要为元素分配一个 tabindex，因为它不是输入。否则你可以使用active. 你的代码也不正确。目前它正在寻找a带有 that 的元素中的元素ID。
正确的方法是
a#login-as-guest:focus{ background-color: yellow; }
两种方式：DEMO http://jsfiddle.net/kevinPHPkevin/t2hbS/
于 2013-09-17T20:25:13.557 回答
9
没有 href 属性的锚标记无法获得焦点（至少在 Chrome 中，但我认为这是标准行为）。a此外，您的选择器不正确，您正在尝试选择#login-as-guest. 选择器应该是a#login-as-guest:focus，它将选择一个具有焦点a的 id 。#login-as-guest
看看更新的小提琴：http: //jsfiddle.net/VKvBy/1/
于 2013-09-17T20:25:20.393 回答