660

下線なしでリンクを白で表示しようとしています。テキストの色は白として正しく表示されますが、青い下線が頑固に残っています。CSSでリンクの下線を削除しようtext-decoration: none;としました。text-decoration: none !important;どちらも機能しませんでした。

.boxhead .otherPage {
  color: #FFFFFF;
  text-decoration: none;
}
<div class="boxhead">
  <h2>
    <span class="thisPage">Current Page</span>
    <a href="myLink"><span class="otherPage">Different Page</span></a>
  </h2>
</div>

リンクから青い下線を削除するにはどうすればよいですか?

4

20 に答える 20

920

text-decoration: none;アンカー ( .boxhead a) ではなく、スパン要素 ( ) に適用しています.boxhead。

これを試して：

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}
于 2010-05-07T15:50:41.687 に答える
249

アンカー タグ (リンク) には、visited、hover、link、active などの疑似クラスもあります。スタイルが問題の州に適用され、他のスタイルが競合していないことを確認してください。

例えば：

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

ユーザー アクション疑似クラス :hover、:active、および :focusの詳細については、 W3.orgを参照してください。

于 2010-05-07T15:35:05.827 に答える
36

text-decoration: none !importantそれを削除する必要があります..本当にborder-bottom: 1px solid潜んでいないのですか？(IE の Firebug/F12 で計算されたスタイルをトレースします)

于 2010-05-07T15:35:50.343 に答える
31

この属性をアンカータグに追加するだけです

style="text-decoration:none;"

例：

<a href="page.html"  style="text-decoration:none;"></a>

またはCSSの方法を使用してください。

.classname a {
    color: #FFFFFF;
    text-decoration: none;
}
于 2013-12-11T05:52:41.840 に答える
11

原則として、「下線」がテキストと同じ色でない場合 [そして「color:」がインラインでオーバーライドされていない場合]、「text-decoration:」から来ているのではなく、「border-bottom:」でなければなりません。

疑似クラスからも境界線を取り除くことを忘れないでください!

a, a:link, a:visited, a:active, a:hover {border:0!important;}

このスニペットは、アンカー上にあることを前提としており、それに応じてラッパーに変更します...根本的な原因を突き止めた後、「!important」の代わりに具体性を使用します。

于 2010-05-07T20:30:50.640 に答える
9

ページを見ないと推測しにくい。

しかし、あなたはborder-bottom: 1px solid blue;適用されているように思えます。おそらく追加しborder: none;ます。text-decoration: none !importantそうです、まだその CSS をオーバーライドしている別のスタイルがある可能性があります。

これは、Firefox Web Developer Toolbarの使用が素晴らしいところです。ここで CSS を編集して、少なくとも Firefox の場合は動作するかどうかを確認できます。の下CSS > Edit CSSです。

于 2010-05-07T15:44:01.657 に答える
1

プロパティを使用するだけ

border:0;

そしてあなたは覆われています。text-decoration プロパティがまったく機能しない場合、私にとっては完璧に機能しました。

于 2016-09-22T09:11:46.230 に答える
-1

asp.net webforms LinkBut​​ton コントロールの例を次に示します。

 <asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" />

コードビハインド:

 lbmmr1.Attributes.Add("style", "text-decoration: none;")
于 2017-03-08T16:21:16.543 に答える