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

Question

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

text-decoration: none;

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

这是代码：

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

这是html代码：

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

为了给您提供信息，我使用了文本修饰，甚至没有内联href代码，但这没有效果。

我要从“首页”文本中删除下划线，然后将不同颜色的鼠标悬停在这样的位置上：

:hover { color: yellow; }

提前致谢。

Answer 1

<A>标签的CSS

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

<SPAN>标签的CSS

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

我认为它在IE9 +和Chrome 14+上运行良好。 希望对您有所帮助:)

Answer 2

用这个

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

Answer 3

尝试规则

.maincaptionsmall a {
    text-decoration: none;
}

Answer 4

如果由于JS功能导致问题，那么您可以尝试在JS中使用内联CSS

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