title: How can I restore the initial value of outline for :focus?
body: <p>The vast majority of <code>a</code>s in my application have a custom <code>:focus</code> style, and so they have <code>outline: none</code>. However, in some cases I don't have a good custom alternative, and I want to override my custom style and use the browser's default focus style.</p>
  
  <p>I tried using:</p>
  
  <pre><code>div.where-i-want-this-style a:focus {
    outline: initial;
  }
  </code></pre>
  
  <p>But this didn't give me an outline. In fact, when I remove the <code>outline: none;</code> from higher up the cascade and toggle this line, I see that this line actually causes the outline to <em>go away</em>.</p>
  
  <p>My theory is that <code>initial</code> here actually uses the initial outline of the <code>a</code>, not of a <em>focused</em> <code>a</code>. That value is, essentially, <code>none</code>.</p>
  
  <p>Is there a value I can provide that means something like <code>outline: default-focus-outline</code>?</p>