[ 解決済 ] マウスホバー時のリンク下線を非表示にしたい
[ 解決済 ] マウスホバー時のリンク下線を非表示にしたい
- このトピックには2件の返信、2人の参加者があり、最後に
により1時間、 44分前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿
-
■ WordPress のバージョン
WordPress 6.9.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
8.24.0■ スキンの種類
Origin II■ 期待する動作
menuベージ全体で、リンク部分にマウスホバーをした際、下線が表示されてしまうものを下線なしにしたい■ 自分で試した事
個別ブロックのカスタムCSSに
【１】
selector {
text-decoration: none;
}
selector:not(.wp-element-button):not(.wp-block-pages-list__item__link):hover {
text-decoration: none;
}【２】
selector {
text-decoration: none;
}2パターン入力しましたが、出来ませんでした。
■ 症状が発生するブラウザ
クローム■ 実際の症状
リンク部分にマウスホバーをした際、下線が表示されてしまう該当URL : https://*********※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます
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; }
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- このトピックに返信するにはログインが必要です。
