ボックスにSafariのライトを常にハイライトさせる方法があるのではないかと思います。これを再現する方法があると思いますが、見つかりませんでした。
助けてくれてありがとう!
倍増している場合は、outline:noneを使用してSafariの青いアウトラインを削除できます。
現在、これを実現する唯一の方法は、背景画像を使用することです。フィールドからスクリーンショットを撮り、それを入力の背景として使用します。ここでの主な欠点は、画像が静的であるため、固定サイズのフィールドしか持てないことです。
box-shadow
ただし、 Safari、Chrome、Firefoxで機能するCSS3スタイルを利用することをお勧めします。詳細については、このページをご覧ください。あなたの例では、おそらく次のようなものが必要になります。
box-shadow: 0 0 4px #aaf;
最後に、Safariのハイライトのアウトラインを複製すると、Safari自体が効果を「倍増」させる可能性が非常に高いため、注意が必要です...