iPhoneででる青い枠線を消したい
WordPressを使っている方からちょっと相談をうけました。自分はその環境が起きたことが無かったのでわからなかったのですが、どうやらWordPressでiPhoneだけで起きる現象があったみたいです
状況
自分はWordPressのテーマを自分で作成しているのでその現象は起きませんでした。その方はWordPressのテーマを使われている方で、使っていたらおきたという感じでした
iPhoneのみにおきる
Androidでは起きません。iPhoneのsafariやchromeで起きます。
※そもそもiPhoneのsafariもchromeも結局は同じものなので両方おきて当たり前みたいです
青い枠線・・・
画像を見るとわけるのですが、iPhoneだけなぜか青色の枠線がでています。Androidではでません。iPhoneのみででます
新着情報にもでています
iPhoneの仕様
iPhoneからハンバーガーメニューを表示させると、青い枠が表示されるを見ると、どうやらこれはiPhoneの仕様のようです。
スタイルで消すことが可能
この仕様ですが、どうやらスタイルを設定することで消すことができるみたいです。
1 | a { outline : none ;} |
で消えるみたいですが、消えませんでした
1 | a { outline : none ;} |
2 |
3 |
4 | a { |
5 | -webkit-tap-highlight- color :rgba( 0 , 0 , 0 , 0 ); |
6 | cursor : pointer ; |
7 | } |
とすると消えました。追加するのはテーマのカスタマイズから追加できるCSSのとこになります
個人支援・寄付について
サイトラボでは個人支援・寄付を受けております。ご協力いただける方はお願いいたします。当サイトではビットコインで受け付けております。
- ビットコイン:3LHnADwZwUbic2L45EnVJEykiG6KfbqrwS