Question

请看这个链接 a link

通过悬停在链接上我们可以看到图标周围的圆圈突出显示，我们可以更改突出显示的颜色吗？例如红色还是蓝色？

我也看了highlightNav.js所有css，但没有找到我们可以改变高光颜色的地方。

Answer 1

您会注意到component.css

的第235行

.nav i {
 ....
background: rgba(255,255,255,0.1);

 ....

它使用10％不透明度的白色背景，这意味着它会适应其背景颜色，您可能想要更改其中的颜色。在跳转到javascript之前，你应该更热衷于检查css，因为这类事情主要是使用css完成的。

Answer 2

谢谢，我们可以使用以下代码更改它

/* Animate the box-shadow to create the effect */
.no-touch #horizontalMenu .nav a:hover i,
.no-touch #horizontalMenu .nav a:active i,
.no-touch #horizontalMenu .nav a:focus i {      
    box-shadow: 0 0 0 0 rgba(255,255,255,0.2);

改变突出的颜色

2 个答案: