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

Question

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

text-decoration: none;

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

这是代码：

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

这是html代码：

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

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

我将从主页文本中删除下划线，并为鼠标使用不同的颜色，如下所示：

:hover { color: yellow; }

提前致谢。

score 1 · Accepted Answer

<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+ 上运行良好。希望有所帮助:)

score 0 · Accepted Answer

0

用这个

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

于 2013-09-14T10:53:10.233 回答

score 0 · Accepted Answer

0

试试规则

.maincaptionsmall a {
    text-decoration: none;
}

于 2013-09-14T10:54:00.293 回答

score 0 · Accepted Answer

如果它是由于JS功能，那么你可以尝试在你的 JS 中使用内联 css

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

4 回答 4