Safariでタップ・クリックした時の青枠を消すCSS実装

新規画面を作成した際に、Safariで動作確認した時だけ意図しない青枠が表示される場合の対象方法です。

以下のCSSを記述するだけ

*:focus {
outline: none;
}

青枠が表示されてしまう理由

Safariのuser agent stylesheetによって定義されているためです。これを上書きする形で実装してあげれば青枠を消すことができます。