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

-1

我已经看到关于此here的其他问题，但他们的解决方案没有为我工作。当鼠标悬停在超链接上时，下面会出现一条讨厌的红线。我已经试过：Wordpress Scrawl主题 - 无法摆脱悬停线

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

a {outline : none;} 

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

上Appearances-> Customize->其他CSS

上Appearances->编辑 - >的style.css

也对滑块革命自定义CSS，因为最初我以为这是滑块中文本的问题，但后来才意识到它来自整个主题。

也style.css中：

的border-bottom每个实例被注释掉，并通过border-bottom:none;
的a:hover是有边界的任何每个实例替换有这样的边界注释掉
的每个实例box-shadow被注释掉并被替换为box-shadow: none;

当我悬停时，红线不断出现。我不知道还有什么要做。我还要求某人清除缓存和Cookie，然后刷新网站。下划线/边框/框仍然存在。还有什么可能导致这个？

来源

2017-05-03 GeleiaDeMocoto

不可能从这个问题来确定问题。如果不知道正在加载的全套CSS，以及可能有哪些链接存在这个问题，我们就无法猜测。您最好的选择是学习如何使用浏览器的控制台/开发人员工具，并在您悬停时检查链接。控制台将向您显示正在应用哪些样式以及可以找到哪些样式。我建议使用Chrome或FireFox提供出色的开发人员工具：https：//developers.google.com/web/tools/chrome-devtools/inspect-styles/ –

@cale_b正确 - 使用浏览器工具检查元素，还可以动态更改样式以查看是否可以找到违规规则。 – freginold

基础上乱写主题预览，看起来它是一个::after这样你就可以用这个替代它：

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

请记住，为accessibility reasons你应该保持某种下划线，但这:after似乎很奇怪，不知道他们为什么不只是用text-decoration:underline来代替。

来源

2017-05-03 17:20:44 WebElaine

这是:: after，并且将style.css添加到您的解决方案并没有改变它。但是，将其添加到“自定义” - >“其他CSS”终于有效。谢谢！ – GeleiaDeMocoto

最好不要直接编辑style.css。无论何时您更新主题，您在此进行的任何自定义设置都将丢失。 Customizer CSS或Child Theme可确保您的自定义保持原状。 – WebElaine

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

回答

相关问题