CSSのネイティブブラウザのアウトラインを使用するには？

Question

クロムとSafariの入力フィールドにフォーカスを当てると、CSSで削除できるアウトラインが表示されます：outline: none;。

このアウトラインを他の部分に表示して、使いやすさを向上させたいと考えています。 ネイティブブラウザのアウトラインを使用する方法はありますか？ 私はfoundカスタム表示方法を出すだけです。

Answer 1

デフォルト設定のブラウザごとに（Inspector、F12、またはFirebug経由で）チェックアウトする必要があります。たとえばChromeの場合は

:focus { 
    outline: 5px auto -webkit-focus-ring-color; 
}