3

除了一个之外，所有锚链接都在焦点上更改了背景颜色，除了一个。

HTML

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

CSS

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

有任何想法吗？

4

2 回答 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 回答