2024年7月17日ごろのWordPress6.6アップデートがありました。
しかし、問題が発生しています。
リンク(a)にtext-decoration: none;で消えない下線が表示される問題が発生しました。
この記事ではこの問題の解決方法をまとめまています。
今話題の無料アプリを今すぐダウンロード!!
消せない下線の詳細
もともと当サイトではリンクの下線を消すために以下のように、aタグにtext-decoration: none;をかけていました。しかし今回のアップデートでtext-decoration: none;が効かなくなり、下線が表示されるようになりました。
a {
text-decoration: none;
}
問題の解決方法
以下のコードをWordPressのテーマファイルエディターに追加すれば問題は解決します。
:root :where(a:where(:not(.wp-element-button))){
text-decoration: none;
}
原因
今回のアップデートで新しく追加された以下のコードが干渉しているようです。
:root :where(a:where(:not(.wp-element-button))){
text-decoration: underline;
}
