2

"Should not be underlined"以下のコードで単語に下線が引かれている理由に興味があります。

<html>
<head>
<style type="text/css">
.badge1-link { text-decoration: none; }
.badge1 { text-decoration: underline; }

.badge2-link {text-decoration: underline;}
.badge2 {text-decoration: none;}

</style> 
</head>
<body>
<a href="#" class="badge1-link"><span class="badge1">Underlined</span> | not underlined</a>
<br/>
<a href="#" class="badge2-link"><span class="badge2"> Should not be underlined</span> | Underlined</a>
</body>
</html>
4

5 に答える 5

5

アンカータグに下線が引かれていると、badge2に提案しているように、部分的に削除することはできません。

このリンクを参照してください：リンクから頑固な下線を削除します。受け入れられた答えには、同じことを述べるいくつかのコメントがあります。

問題の解決策は、アンカータグから下線を削除してから、badge1で行ったように部分的な下線を追加することです。

于 2012-08-16T12:29:43.203 に答える
5

display：inline-blockでうまくいきます。それは私のために働いた。以下のようにスタイルを変更します

.badge2 {display:inline-block;text-decoration: none;}
于 2017-01-30T10:49:25.360 に答える
1

:link疑似クラスを使用してください。

于 2012-08-16T12:20:04.757 に答える
0

アンカーがスパンを飾っています。テキスト装飾は「上線」にすることもできるため、下線付きのテキストに上線を引くことができます。したがって、この場合、cssは期待どおりに動作しています。アンカーは下線付きのスパンに下線を引いていません。

于 2012-08-16T12:25:25.437 に答える
0

私も同様の問題を抱えています。リンクに青い下線があり、{text-decoration: underline;}何もしませんでした。私は試し{text-decoration: underline;}てみましたが、これは青い線を取り除きましたが、黒い線に置き換えました。私の200IQで、私は下線を白に着色することに決めました：{text-decoration: underline white;}そしてこれは問題を解決しました、ハハ。

于 2021-03-31T05:21:59.383 に答える