入力ボックスにSafariの青いアウトラインがあります

Question

サファリのライトが常にハイライト表示されるようにする方法があるのでしょうか。私はこれを複製する方法があると仮定しますが、見つけられません。

ありがとうございました！

Answer 1

現在、これを達成する唯一の方法は、背景イメージを使用することです。フィールドからスクリーンショットを取得し、それを入力の背景として使用します。ここでの主な欠点は、イメージが静的であるため固定サイズのフィールドしか持てないことです。

ただし、Safari、Chrome、Firefoxで動作するbox-shadowなどのCSS3スタイルを利用したい場合があります。詳細についてはthis pageをご覧ください。あなたたとえば、あなたはおそらくしたいと思います。このような何か：

box-shadow: 0 0 4px #aaf; 

作るための一つの最後のポイント - あなたはSafariのハイライトのアウトラインを複製する場合、それは非常に可能性がありますサファリ自体が効果を「倍増」しますので、あなたがする必要があります慎重に...

Answer 2

倍増している場合は、Safariの青いアウトラインをアウトラインなしで削除できます。