4

When focusing an input field Chrome and Safari show an outline that can be removed via CSS: outline: none;.

I want to display this outline at some other parts to improve usability. Is there a way to use the native browser outline? I only found out how to display a custom one.

js-coder
  • 8,134
  • 9
  • 42
  • 59
  • Mainly clickable stuff (like gmail does it in the navigation on the left). But that doesn't really matter for this question does it? – js-coder Oct 15 '11 at 19:03

1 Answers1

4

You need to check out for each browser (via Inspector, F12, or Firebug) what the default setting is. For example in Chrome it is

:focus {
    outline: 5px auto -webkit-focus-ring-color;
}
Marcel Jackwerth
  • 53,948
  • 9
  • 74
  • 88