iPhoneででる青い枠線を消したい

WordPressを使っている方からちょっと相談をうけました。自分はその環境が起きたことが無かったのでわからなかったのですが、どうやらWordPressでiPhoneだけで起きる現象があったみたいです

状況

自分はWordPressのテーマを自分で作成しているのでその現象は起きませんでした。その方はWordPressのテーマを使われている方で、使っていたらおきたという感じでした

iPhoneのみにおきる

Androidでは起きません。iPhoneのsafariやchromeで起きます。

※そもそもiPhoneのsafariもchromeも結局は同じものなので両方おきて当たり前みたいです

青い枠線・・・

画像を見るとわけるのですが、iPhoneだけなぜか青色の枠線がでています。Androidではでません。iPhoneのみででます

新着情報にもでています

iPhoneの仕様

iPhoneからハンバーガーメニューを表示させると、青い枠が表示されるを見ると、どうやらこれはiPhoneの仕様のようです。

スタイルで消すことが可能

この仕様ですが、どうやらスタイルを設定することで消すことができるみたいです。

a {outline:none;}

で消えるみたいですが、消えませんでした

a {outline:none;}


a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}

とすると消えました。追加するのはテーマのカスタマイズから追加できるCSSのとこになります

個人支援・寄付について

サイトラボではBuildreeの開発などのため、現在個人支援・寄付を受けております。ご協力いただける方はお願いいたします。当サイトではkyashというサービスをつかっております。ビットコインでも受け付けております。