0

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; }

前もって感謝します。

4

4 に答える 4

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+ で問題なく動作することがわかりました。お役に立てば幸いです:)

于 2013-09-14T10:56:01.837 に答える
0

これを使って

.maincaptionsmall a {text-decoration:none;}
.maincaptionsmall a:hover {color: yellow;}
于 2013-09-14T10:53:10.233 に答える
0

ルールを試す

.maincaptionsmall a {
    text-decoration: none;
}
于 2013-09-14T10:54:00.293 に答える
0

機能が原因である場合はJS、JS内でインラインcssを使用してみてください

$(function() 
{
$('.maincaptionsmall').wrapInner('<a style="text-decoration:none;" href="http://google.com"></a>');
});
于 2013-09-14T11:00:45.260 に答える