More than 5 years have passed since last update.

iOSブラウザにおけるリンク下線について（-webkit-text-decoration-skip）

Last updated at 2017-10-29Posted at 2017-10-26

##現象
iOSのウェブサイトを見ているとリンクの下線が文字に被っていて線が欠けているものがあった。
対象ブラウザ：chrome、safari

調べていくとこれはOSの問題らしくしかも日本語のときによく発生するものらしい。

-> 要はバグと考えて良さそう、だが日本語しか起きてなさそうということを考えると今後修正はされないだろう。

##解決策
解決策は下記を挿入してあげると線がしっかり引かれる。

css

a {
  -webkit-text-decoration-skip: none;
}

ただし、途中で英語がはいったりすると・・・・

線と文字が被り可読性が悪くなり、調製が必要である。