如何从文本超链接中删除下划线?
我在我的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