aタグで設定したリンクの下線が途切れるように表示されるときの対処法

aタグにリンクを設定したものをブラウザで表示すると下記画像のように下線が途切れたように表示されるときの対処方法。

CSSに下記のプロパティを設定すると下線が繋がった状態で表示される。

text-decoration-skip-ink: none

指定をしないと下記の「auto」が適応され途切れた表示になるようです。

text-decoration-skip-ink: auto

参考サイト:「Chrome 64 からリンクの下線が途切れる:text-decoration-skip-ink プロパティについて

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)