リンクをコピー iPhoneなどのiOS端末でWEBサイトを見ると、 電話番号に自動的にリンクが貼られることがあります。 同じWEBサイトでも、PCだとこういう表示なのに↓ iPhoneで見るとこんな感じになる↓ これはiOSの機能の一つです。 その電話番号をクリックすることで、そのまま電話を掛けることが可能となります。 これは便利な機能ではありますが、困るのが勝手に電話番号に下線が付いて、文字色も変わってしまうこと。 これは修正したい場合はどうすればいいのか? 今回はこの対処方法について。 下線消去と文字色の変更 たとえば、電話番号を記述したHTMLコードが以下だったとします。 <p class="tel-number">TEL : 080-0000-0000</p> これに対してCSSで、 .tel-number { color:#カラー番号 !important; text-deco
![iPhoneの電話番号自動リンク:下線と文字色の修正方法 | 創kenブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a1e608b2265fd7e9e6e332af0ae266094f51b0c9/height=288;version=1;width=512/https%3A%2F%2Fsouken-blog.com%2Fwp-content%2Fuploads%2F2018%2F05%2Fsblog20180522-n001.png)