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

Question

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

text-decoration: none;

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

代码如下:

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

这里是html代码:

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

为了您的信息，我使用了 text decoration none 甚至内联 href 代码，但它没有效果。

我要从主页文本中删除下划线，并使用不同的颜色将鼠标悬停在如下内容上:

:hover { color: yellow; }

提前致谢。

Answer 1

标签的 CSS

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

标签的 CSS

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

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