不要突出显示选项卡上的锚链接

Question

除一个之外的所有锚链接都会在焦点上更改背景颜色,除了一个.

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.你的代码也不正确.目前,它正在寻找a元素中的元素ID.

正确的方法是

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

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

Answer 2

没有href属性的锚标记无法获得焦点(至少在Chrome中,但我认为这是标准行为).你的选择器也是错误的,你试图选择a一个后代#login-as-guest.选择器应该是a#login-as-guest:focus,它将选择具有焦点a的id #login-as-guest.

看看更新的小提琴:http://jsfiddle.net/VKvBy/1/