蓝色和紫色默认链接,如何删除?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (15)

这是我导航中的一个链接:

<li><a href="#live-now" class="navBtn"><span id="navLiveNow" class="white innerShadow textShadow">Live Now</span></a></li>

我的css中也有以下内容:

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

但链接仍然显示在可怕的蓝色/紫色访问/悬停html默认值。我究竟做错了什么?

提问于
用户回答回答于

定义颜色#000,并像这样修改你的CSS

.navBtn { text-decoration: none; color:#000; }
.navBtn:visited { text-decoration: none; color:#000; }
.navBtn:hover { text-decoration: none; color:#000; }
.navBtn:focus { text-decoration: none; color:#000; }
.navBtn:hover, .navBtn:active { text-decoration: none; color:#000; }

或这个

 li a { text-decoration: none; color:#000; }
 li a:visited { text-decoration: none; color:#000; }
 li a:hover { text-decoration: none; color:#000; }
 li a:focus { text-decoration: none; color:#000; }
 li a:hover, .navBtn:active { text-decoration: none; color:#000; }
用户回答回答于

删除默认链接解决 :访问过的东西是css ....你只需要转到你的HTML并添加一个简单的

<A HREF = “” 风格= “文字修饰:无” > </ A>

...就像html页面的方式一样

扫码关注云+社区

领取腾讯云代金券