在onclick事件上更改锚标记背景颜色

Question

单击超链接时尝试更改背景颜色，但由于存在onclick事件，因此显示单击默认行为被删除，因此活动样式不执行任何操作。宁愿使用CSS来做到这一点。

CSS：

a.myanchor.sunsetred a:active {      
    background-color: yellow;
}

HTML：

 <p>
     <a onclick="displayText("Hello world") return false;" href="#" class="myanchor sunsetred">Click to display text</a>
 </p>

任何有用的想法？

Answer 1

无论是否有onclick参数，我都看不出任何差异。 （在Chrome中）为了确保您知道在点击期间应用了active状态。释放鼠标按钮后，状态即释放。也许你的意思是:focus。

无论哪种方式，我相信你的样式声明中都有语法错误。您正在为其他链接中的活动链接着色，这没有意义。你可能意味着：

a.myanchor.sunsetred:active {      
    background-color: yellow;
}