Wordpress Scrawl主题 - 无法摆脱悬停线

时间:2017-05-03 16:59:13

标签: css wordpress

我已经看到了关于这个here的另一个问题,但他们的解决方案对我没用。当鼠标悬停在超链接上时,它下面会出现一条讨厌的红线。我试过了:

a:hover{
text-decoration: none;
border-bottom: none;
}

a {outline : none;}

.entry-content a {
border-bottom: none;
}

on Appearances-> Customize-> Additional CSS

on Appearances-> Editor-> style.css

也在Slider Revolution Custom CSS上,因为最初我认为这是滑块中文本的一个问题,但后来从整个主题中实现了它。

也在style.css上:

  • border-bottom的每个实例都已注释掉,并由border-bottom:none;
  • 替换
  • 具有边框的a:hover的每个实例都将该边框注释掉
  • box-shadow的每个实例都已注释掉,并由box-shadow: none;
  • 替换

我悬停时红线一直显示。我不知道还能做什么。我还要求有人清除他们的缓存和cookie,然后刷新网站。下划线/边框/框仍然存在。还有什么可能导致这个吗?

1 个答案:

答案 0 :(得分:1)

根据Scrawl主题预览,看起来像是::after所以你可以用它来覆盖它:

.comment-content a:after, .entry-content a:after, .comment-respond a:after, .site-footer a:after {
    display:none;
}

请注意,对于accessibility reasons,你应该保留某种下划线,但这:after似乎很奇怪,不确定为什么他们不跟{{1}一起去相反。