title: Remove outline from select box in FF
body: <p>Is it possible to remove the dotted line surrounding a selected item in a select element?</p>
  
  <p><img src="https://i.stack.imgur.com/17fYq.png" alt="alt text"></p>
  
  <p>I have tried to add the <code>outline</code> property in CSS but it did not work, at least not in FF.</p>
  
  <pre><code>&lt;style&gt;
     select { outline:none; }
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>Update</strong><br/>
  Before you go ahead and remove the outline, please read this.<br/>
  <a href="http://www.outlinenone.com/" rel="noreferrer">http://www.outlinenone.com/</a></p>