364

とにかく(CSSで)ページで紹介されたテキストとリンクの下線を避けるために..?

4

15 に答える 15

609

CSSを使用します。aこれにより、u要素から下線が削除されます。

a, u {
  text-decoration: none;
}

要素の他のスタイルをオーバーライドする必要がある場合があります。その場合!important、ルールで修飾子を使用できます。

a {
  text-decoration: none !important;
}
于 2010-01-11T11:11:49.237 に答える
30

cssは

text-decoration: none;

text-decoration: underline;
于 2010-01-11T11:10:46.747 に答える
18

これにより、色とアンカータグが存在する下線が削除されます

a {
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
于 2015-11-10T09:10:16.313 に答える
16

最も簡単なオプションは次のとおりです。

<a style="text-decoration: none">No underline</a>

もちろん、CSSとHTML(つまりインラインCSS)を混在させることは、特にaタグをいたるところに使用している場合は、お勧めできません。
そのため、代わりにこれをスタイルシートに追加することをお勧めします。

a {
    text-decoration: none;
}

または、JSファイルのこのコードでさえ:

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}
于 2013-05-17T19:11:01.173 に答える
7

CSSを使用してtext-decorationsを削除します。

a {
  text-decoration: none;
}
于 2010-01-11T11:10:38.553 に答える
7

アンカーリンクからのみアンダースコアを削除したい場合に最適なオプション-

#content a {
    text-decoration-line:none;
}

これにより、下線が削除されます。

さらに、他のスタイルを操作するためにも同様の構文を使用できます-

text-decoration: none;
text-decoration-color: blue;
text-decoration-skip: spaces;
text-decoration-style: dotted;

お役に立てれば!

PS-これは私の最初の答えです!

于 2017-03-28T02:37:47.590 に答える
4

レンダリングUICSSによってオーバーライドされる場合があります。使用する方が良い:

a.className {
  text-decoration: none !important;
}
于 2013-07-30T06:32:12.923 に答える
4

私の場合、次のように、アンカーによるホバー効果に関するルールがありました。

#content a:hover {
  border-bottom: 1px solid #333;
}

もちろん、text-decoration: none;この状況では役に立ちませんでした。そして、私はそれを見つけるまで多くの時間を費やします。

したがって、アンダースコアを境界線の下部と混同しないでください。

于 2015-05-01T12:13:41.867 に答える
3

私はWeb印刷でこの問題に悩まされ、解決しました。検証結果。

a {
  text-decoration: none !important;
}

できます!

于 2019-02-26T16:44:02.243 に答える
2

問題に別の視点を提供するには(元の投稿のタイトル/コンテンツから推測されるように):

HTMLに不正なアンダースコアを作成しているものを追跡する場合は、デバッグツールを使用します。から選択することがたくさんあります:

FirefoxにはFireBugがあります。

OperaにはDragonflyがあります([ツール]-> [詳細設定]メニューでは「開発ツール」と呼ばれます。デフォルトではOperaに付属しています)。

IEの場合、「Internet Explorer DeveloperToolbar」があります。これはIE7以下の個別のダウンロードであり、IE8に統合されています(F12キーを押します)。

Safari、Chrome、その他の少数派のブラウザについてはわかりませんが、とにかく、上記の3つのうち少なくとも1つをマシンにインストールする必要があります。

于 2010-01-11T11:37:08.720 に答える
2

スタイリング(ホバーの下線や青色など)を追加せずにアンカータグをリンクとして使用する場合は、アンカータグに追加 class="no-style"します。次に、グローバルスタイルシートでクラス「no-style」を作成します。

.no-style {
    text-decoration: none !important;
}

これには2つの利点があります。

  1. すべてのアンカータグに影響するわけではなく、「no-style」クラスが追加されたタグにのみ影響します。
  2. これにより、text-decorationをnoneに設定できなくなる可能性のある他のスタイルが上書きされます。
于 2017-12-05T20:01:49.737 に答える
1

cssプロパティを使用します。

text-decoration:none;

リンクからアンダースコアを削除します。

于 2018-10-04T12:49:35.270 に答える
0

リンクタグを使用してスタイルシートを含めることを忘れないでください

http://www.w3schools.com/TAGS/tag_link.asp

または、CSSをWebページのスタイルタグで囲みます。

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

リンク以外のものにアンダースコアを使用することはお勧めしません。アンダースコアは、クリック可能なものとして一般的に受け入れられています。クリックできない場合は、下線を付けないでください。

CSSの基本はw3schoolsで習得できます

于 2010-01-11T11:53:59.283 に答える
0
<u>

非推奨のタグです。

使用する...

<span class="underline">My text</span>

を含むCSSファイルで...

span.underline
{
    text-decoration: underline;
}  

あるいは単に...

<span style="text-decoration:underline">My Text</span>
于 2010-01-11T12:36:43.530 に答える
0

下線は、テキスト装飾と呼ばれるCSSプロパティによって削除できます。

<style>
    a {
        text-decoration:none;
    }
</style>

以外の要素に存在するテキストの下線を削除する場合は次の構文を使用する必要があります。

<style>
    element-name{
        text-decoration:none;
    }
</style>

リンクのデザインに役立つテキスト装飾の値は他にもたくさんあります。

于 2018-11-30T19:44:46.857 に答える