css - 当用户从文本输入框点击链接时突出​​显示 anchor 链接

Question

当用户从密码文本输入字段切换到它时，我正在尝试让登录表单的“忘记密码”文本的背景颜色改变颜色。

我试过了

#login-box a:focus, a:active
{
    background-color: yellow;
}  

但是当用户点击链接时，链接的背景颜色没有改变。

Answer 1

使用 focus 和 hover 实现它

a:hover {background:yellow; color:navy;}
a:focus {background:yellow; color:navy;}

这是一个演示 http://jsfiddle.net/kevinPHPkevin/s8Rdu/1/