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

我在我的css文件中遇到了问题,我使用了以下代码:

text-decoration: none;

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

这是代码:

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

这里是html代码:

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

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

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

我要从Home文本中删除下划线,并在鼠标上使用不同的颜色,例如:

:hover { color: yellow; }

提前致谢。


用这个

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

试试规则

.maincaptionsmall a {
    text-decoration: none;
}

如果由于JS功能而引起的话,那么你可以尝试在你的JS使用内联的css

$(function() 
{
$('.maincaptionsmall').wrapInner('<a style="text-decoration:none;" href="http://google.com"></a>');
});
链接地址: http://www.djcxy.com/p/74613.html

上一篇: How to remove underline from text hyperlink?

下一篇: decoration: none; is not doing anything