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

Question

入力フィールドにフォーカスすると、Chrome と Safari は CSS で削除できるアウトラインを表示します: outline: none;.

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

Answer 1

ブラウザごとに（Inspector、F12、またはFirebugを介して）デフォルト設定を確認する必要があります。たとえばChromeでは

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