使用CSS3或JavaScript单击时，如何“突出显示”此CSS按钮？

在HTML页面中，我有两个按钮，如下所示：

<!-- Bottone relativo ai progetti WIFI: -->
<a title="WIFI" href="javascript: void(0)" id="showWifi_${item.index}" class="showWifi">
    <div class="news_box news_box_01 hvr-underline-from-center " style="margin-right: 50px;"></div>
</a>

<!-- Bottone relativo ai progetti PNSD: -->
<a title="PNSDe" href="javascript: void(0)" id="showPnsd_${item.index}" class="showPnsd">
    <div class="news_box news_box_02 hvr-underline-from-center "></div>
</a>

好的，现在我的问题是，当用户单击所选按钮时，我必须高亮显示它

我知道我可以使用：活动选择器选择单击的链接。问题是，当点击链接时，我不知道如何使用CSS高亮显示或在页面背面实现其他CSS 3效果

---

您有什么想法吗？

如果我理解正确，您希望在单击后应用更改

$(".showWifi").on("mousedown", function() { 
    //fires when the mouse is press down
    //using "click" instead of "mousedown" means the mousebutton 
    //must be pressed down then up before the function fires.

    $(this).addClass("highLightButton");

})

---

请随时寻求进一步的解释或帮助

使用：active for anchor元素

a:active {/*styles here*/}

在css中使用：活动选择器：

a:active .news-box{
/*
Some magic code to make a nice background!
*/
}

因此，每当a处于活动状态时，上面的css将应用于该a的.news框子级

编辑： 您的魔法代码可以是这样的： a{ 宽度：100px； 利润率：10px； 边框：1px实心ddd； 显示：内联块； 文字装饰：无； 文本对齐：居中； 文本转换：大写； 颜色：fff； } .新闻箱{ 填充：10px； 背景色：21B4C3； 背景图像：-webkit-linear-Gradient45度，RGBA255255.15 25%，透明25%，透明50%，RGBA255255.15 50%，RGBA255255.15 75%，透明75%，透明； 背景图像：-o-线性梯度45度，RGBA255255.15 25%，透明25%，透明50%，RGBA255255.15 50%，RGBA255255.15 75%，透明75%，透明； 背景图像：线性梯度45度，RGBA255255，.15 25%，透明25%，透明50%，RGBA255255，.15 50%，RGBA255255，.15 75%，透明75%，透明； -webkit背景大小：40px 40px； 背景尺寸：40px 40px； } a:活动。新闻框{ -webkit动画：magicbg.92s无限； -moz动画：magicbg.92s无限； -o-动画：magicbg.92s无限； 动画：magicbg.92s无限； } @-webkit关键帧magicbg{ 从{背景位置：0；} 到{背景位置：100%0；} } @-o-关键帧magicbg{ 从{背景位置：0；} 到{背景位置：100%0；} } @-moz关键帧magicbg{ 从{背景位置：0；} 到{背景位置：100%0；} } @-关键帧magicbg{ 从{背景位置：0；} 到{背景位置：100%0；} }

---

希望您正在寻找一些新的想法，如所述使用例如：active>div作为规则。这是你的问题吗？？？Tnx但是我的主要问题是如何设置一个样式来改变点击按钮的样式highLightButton类的CSS代码你将在样式表中使用想要的CSS编写.highLightButton类。如果这不是你的意思，那么我想你需要改变你的措辞。我的问题是背景的魔法代码没有使用新的图像，那么我们需要知道你到底想要应用什么效果。比如：淡出图像并在其上显示文本？@AndreaNobili在答案中添加了一个示例，但如果不知道您希望在背景上进行什么样的更改，几乎不可能为您提供帮助。

a:active .news-box{
/*
Some magic code to make a nice background!
*/
}