[ 解決済 ] マウスホバー時のリンク下線を非表示にしたい

VWSとは フォーラム Lightning [ 解決済 ] マウスホバー時のリンク下線を非表示にしたい

[ 解決済 ] マウスホバー時のリンク下線を非表示にしたい

  • このトピックには2件の返信、2人の参加者があり、最後にpepepeにより1時間、 44分前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #117627

    pepepe
    参加者

    ■ WordPress のバージョン
    WordPress 6.9.1

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    8.24.0

    ■ スキンの種類
    Origin II

    ■ 期待する動作
    menuベージ全体で、リンク部分にマウスホバーをした際、下線が表示されてしまうものを下線なしにしたい

    ■ 自分で試した事
    個別ブロックのカスタムCSSに
    【1】
    selector {
    text-decoration: none;
    }
    selector:not(.wp-element-button):not(.wp-block-pages-list__item__link):hover {
    text-decoration: none;
    }

    【2】
    selector {
    text-decoration: none;
    }

    2パターン入力しましたが、出来ませんでした。

    ■ 症状が発生するブラウザ
    クローム

    ■ 実際の症状
    リンク部分にマウスホバーをした際、下線が表示されてしまう

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #117630

    Y.INABA
    参加者

    pepepe様

    ナビゲーション等のブロックを選択いただき、以下ではいかがでしょうか?

    selector a:hover {
      text-decoration: none;
    }

    ※以下記載だとtext-decoration: none;がaタグ(リンク部分)に直接作用せず、意図通りには動きません。元々のCSSの記載のa:hoverが優先されることになります。

    selector:not(.wp-element-button):not(.wp-block-pages-list__item__link):hover {
    text-decoration: none;
    }
    Attachments:
    You must be logged in to view attached files.
    #117632

    pepepe
    参加者

    ありがとうございます!できました。
    ご教授いただき、ありがとうございました!

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。