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

Question

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

text-decoration: none;

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

这是代码：

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

这里是html代码：

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

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

您可以查看以下链接以查看该页面： [链接] http://www.malayatourism.com/thisistest/testnowjobdoneperfectlywork/

我要从主页文本中删除下划线，并使用不同颜色的鼠标覆盖这样的内容：

:hover { color: yellow; }

提前致谢。

Answer 1

使用此

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

Answer 2

尝试规则

.maincaptionsmall a {
    text-decoration: none;
}

Answer 3

＆lt; A＆gt;的CSS标签

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

＆lt; SPAN＆gt;的CSS标签

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

我认为它在IE9 +和Chrome 14+上运行良好。希望有所帮助：）

Answer 4

如果由于JS函数而导致它，那么你可以尝试在你的JS中使用内联css

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