如何从文本超链接中删除下划线？答案

【问题标题】：How to remove underline from text hyperlink?如何从文本超链接中删除下划线？
【发布时间】：2013-09-19 00:10:01
【问题描述】：

我的 css 文件有问题，我使用了以下代码：

text-decoration: none;

但它仍然对文本没有影响，由于某种原因，我不得不使用 java 脚本作为文本后面的 href 链接。但我认为是因为这个问题，文本装饰对文本没有影响。即使我不能在文本上使用不同的颜色，比如悬停和鼠标悬停在颜色上。

代码如下：

 $(function() 
{
$('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>');
});

这里是html代码：

<span class="maincaptionsmall">Home</span>

为了您的信息，我使用了文本装饰，甚至没有使用内联 href 代码，但它没有效果。

我将从主页文本中删除下划线并使用不同的颜色将鼠标悬停在类似这样的内容上：

:hover { color: yellow; }

提前致谢。

【问题讨论】：

【解决方案1】：

标签的 CSS

a {text-decoration: none;}
a:hover {color: yellow;}

标签的 CSS

.maincaptionsmall a {text-decoration: none;}
.maincaptionsmall a:hover {color: yellow;}

我发现它在 IE9+ 和 Chrome 14+ 上运行良好。希望有所帮助:)

【讨论】：

【解决方案2】：

使用这个

.maincaptionsmall a {text-decoration:none;}
.maincaptionsmall a:hover {color: yellow;}

【讨论】：

@Amin：我在您的 slides2.css 中看到类似 a.maincaptionsmall:link {text-decoration:none !important;} 的行。这是不正确的。该网站是否有您更新的 CSS（或）您是否尝试在本地进行更改？
@Harry NP。我们在这里为您提供帮助，而您也在提供帮助。
完成了，伙计。首先我添加了没有！important，所以什么也没发生，这就是为什么我把它改成！important。 :-) 现在，这并不重要，因为我得到了解决方案... ;-p

【解决方案3】：

试试规则

.maincaptionsmall a {
    text-decoration: none;
}

【讨论】：

【解决方案4】：

如果它是由于JSfunction，那么你可以尝试在你的 JS 中使用内联 css

$(function() 
{
$('.maincaptionsmall').wrapInner('<a style="text-decoration:none;" href="http://google.com"></a>');
});

【讨论】：