Как использовать собственный контур браузера в CSS?

Question

При фокусировке поля ввода Chrome и Safari показывают схему, которую можно удалить с помощью CSS: outline: none;.

Я хочу показать эту схему в некоторых других частях, чтобы улучшить удобство использования. Есть ли способ использовать собственный контур браузера? I только found вне как дисплей изготовленный под заказ один.

Answer 1

Для каждого браузера (через Inspector, F12 или Firebug) необходимо указать настройки по умолчанию. Например, в Chrome это

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