css - twitter-bootstrap：-tag内のbtn-groupにカーソルを合わせたときに、下線付きのボタンテキストを削除する方法は ？

Question

score 100 · Accepted Answer

{ text-decoration: none !important}

編集1：

あなたの例だけa{text-decoration: none}が機能します

<a>クラスを使用して、タグのデフォルトの動作に干渉しないようにすることができます。

<a href="#" class="nounderline">
  <div class="btn-group">
    <button class="btn">Text</button>
    <button class="btn">Text</button>
  </div>
</a>

CSS:

.nounderline {
  text-decoration: none !important
}

score 12 · Accepted Answer

12

nav-linkクラスを適用しないのはなぜですか？

<a href="#" class="nav-link">

于 2018-09-18T13:30:38.277 に答える

score 7 · Accepted Answer

問題は、ボタンをターゲットにしていることですが、 text-decoration: underline を引き起こすのは A タグです。したがって、A タグをターゲットにすると、機能するはずです。

a:hover, a:focus { text-decoration: none;}

score 7 · Accepted Answer

7

a.btn {
  text-decoration: none;
}

于 2014-06-24T10:32:11.027 に答える

score 2 · Accepted Answer

プロジェクトで Less または Sass を使用している場合は、link-hover-decoration変数を定義することができ (これがunderlineデフォルトです)、準備は完了です。

score 0 · Accepted Answer

0

a:hover{text-decoration: underline !important}
a{text-decoration: none !important}

于 2016-08-03T11:16:21.403 に答える

score 0 · Accepted Answer

次のcssコードを css ファイルに追加します。

a.btn { text-decoration: none !important; }

aタグを使用します。

<a href="account/login" class="btn btn-outline-success mx-2">Login</a>

css - twitter-bootstrap：-tag内のbtn-groupにカーソルを合わせたときに、下線付きのボタンテキストを削除する方法は？