1. ホーム
  2. css

[解決済み] リンクから青いアンダーラインを削除する

2022-03-15 03:30:50

質問

リンクにアンダーラインを引かずに白色で表示させたいのですが、どうすればいいですか?文字色は白で正しく表示されるのですが、青いアンダーラインが頑なに残っています。試してみたところ text-decoration: none;text-decoration: none !important; をCSSに追加して、リンクの下線を消しました。どちらもうまくいきませんでした。

.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>

リンクの青い下線を消すにはどうしたらいいですか?

解決方法は?

を適用していません。 text-decoration: none; をアンカー( .boxhead a )ではなく、span要素( .boxhead ).

これを試してみてください。

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}