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

Change anchor tag background color on an onclick event

本文关键字：背景 颜色 onclick 事件 更改      更新时间：2023-09-26
尝试

在单击超链接时更改背景颜色，但由于存在 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>

有什么想法可以提供帮助吗？

无论有没有 onclick 参数，我都看不出有任何区别。（在铬中）只是为了确保，您知道在单击期间应用了active状态。一旦释放鼠标按钮，状态就会释放。也许你的意思是:focus。

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

a.myanchor.sunsetred:active {      
    background-color: yellow;
}
相关文章：