電話番号に自動的にリンクが貼られることがあります。同じWEBサイトでも、PCだとこういう表示なのに↓iPhoneで見るとこんな感じになる↓これはiOSの機能の一つです。その電話番号をクリックすることで、そのまま電話を掛けることが可能となります。これは便利な機能ではありますが、困るのが勝手に電話番号に下線が付いて、文字色も変わってしまうこと。これは修正したい場合はどうすればいいのか?今回はこの対処方法について。下線消去と文字色の変更たとえば、電話番号を記述したHTMLコードが以下だったとします。}こう書いてもiOS端末では、文字色や下線は修正できません。「!important」入れても無理です。結論から言うと、iOS端末では自動的に電話番号に対して以下のようにHTMLコードを変更してしまうからです。href="tel:08000000000">080-0000-0000</a></p>「a」タグを自動で入れてしまいます。分かってみれば簡単ですが、最初はワケが分からなくて悩みました。電話番号の記述規則は?では、iOS端末にて自動的にリンクを付与する電話番号の記述規則はどのようなものでしょうか?実機で検証してみました。11.3.1」端末機で検証*2018年5月21日時点でのiOS最新バージョンです。◇スペースを入れない◇ピリオドのみ入れるなどは電話番号と見なされません。冒頭に「080」などを入れた数字の羅列は、8~11字は電話番号と認識します。7字は認識されません。電話番号と見なして自動リンク<p>08000000000</p>電話番号と見なさない<p>080-0000-0000</p>となりました。(-_-;*)で、Androidの場合は、「a」タグを自動付与するなどせず、別な仕組みでリンクを貼っているようです。下線が付いたり、文字色が変わるなどの変化はありません。kenこの自動リンク機能、使用者側にとっては便利でしょうが、WEB制作者にとっては面倒くさい機能です。青空文庫の短編を毎日無料でメール配信してくれる「ブンゴウメール」RECOMMENDこちらの記事も人気です。Unlimited」で良書を探してみた:まとめページランサーズ定点観測:まとめページランサーズでWEBデザイナーが仕事を受注するには?:まとめページカラーミーショップにてサイト制作中:まとめページschoo授業感想:まとめページブログ主プロフケンです。