title: Remove dotted outline from range input element in Firefox
body: <p>Firefox, since version 23, natively supports the <code>&lt;input type=&quot;range&quot;&gt;</code> element, but I couldn’t figure out how to remove the dotted outline. The following CSS has no effect:</p>
  <pre><code>input[type='range'], 
  input[type='range']:focus, 
  input[type='range']:active, 
  input[type='range']::-moz-focus-inner, 
  input[type='range']:-moz-focusring {
      border: 0;
      outline: none;
  }
  </code></pre>
  <p>Does anyone have any idea how to fix this issue in Firefox?</p>
  <p>Example: <a href="https://jsfiddle.net/pF37g/" rel="nofollow noreferrer">https://jsfiddle.net/pF37g/</a></p>