Webkit奇怪的1px强调文本

Question

在http://www.wsl-ltd.co.uk/我有一个'特别优惠'徽章，绝对有一些文字浮动和相对内部。

出于某种原因，Webkit浏览器在一些文本中使用了红色下划线 - 我已经尝试了所有内容，但在我的生活中无法实现它。

有谁知道这是一个奇怪的webkit怪癖，还是我的CSS？欢呼声。

Answer 1

WebKit中的错误。

在text-decoration:none;元素本身上定义<a> - 应该有帮助。

Answer 2

问题在于<a>元素上的样式。我想你可以在CSS中插入以修复它。

.ie6wrap a {text-decoration:none}

（我查了一下，你只使用.ie6wrap一个元素，所以它应该是安全的）

如果您需要更多详细信息，请关注CSS：

a:link, a:visited, a:focus{
    color: #d58d31;
    text-decoration: underline;
}

您似乎删除了<a>的子元素的下划线，但Webkit不能以这种方式工作，因为下划线位于<a>下，而不是子<div>。

Answer 3

您拥有包含在单个<a>标记中的文本的所有跨度，因此文本带有下划线。您需要覆盖样式来处理此问题，或在其他位置移动<a>标记。

Answer 4

这是因为这些跨度在

之下

<a href="contact-us">

具有以下样式：

a:link, a:visited, a:focus {
  color: #D58D31;
  text-decoration: underline;
}