如何從文本超鏈接中刪除下划線？

Question

我的css文件中出現問題，我使用了以下代碼：

text-decoration: none;

但是它仍然對文本沒有影響，由於某種原因，我不得不對文本后面的href鏈接使用Java腳本。 但是我想是因為這個問題，文本修飾對文本沒有影響。 即使我不能在文本上使用其他顏色，例如懸停和鼠標懸停在顏色上。

這是代碼：

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

這是html代碼：

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

為了給您提供信息，我使用了文本修飾，甚至沒有內聯href代碼，但這沒有效果。

我要從“首頁”文本中刪除下划線，然后將不同顏色的鼠標懸停在這樣的位置上：

:hover { color: yellow; }

提前致謝。

Answer 1

<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+上運行良好。 希望對您有所幫助:)

Answer 2

用這個

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

Answer 3

嘗試規則

.maincaptionsmall a {
    text-decoration: none;
}

Answer 4

如果由於JS功能導致問題，那么您可以嘗試在JS中使用內聯CSS

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