title: how to remove blue outline from bootstrap 5 range input
body: <p>I tried removing the outline using shadow none, but its not working is there another solution</p>
  <p><a href="https://i.stack.imgur.com/9yQp2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9yQp2.png" alt="range input" /></a></p>
  <p>Html code</p>
  <pre><code>&lt;label for=&quot;customRange1&quot; class=&quot;form-label&quot;&gt;Example range&lt;/label&gt;
  &lt;input type=&quot;range&quot; class=&quot;form-range&quot; id=&quot;customRange1&quot;&gt;
  </code></pre>
  <p>Css code</p>
  <pre><code>input[type=&quot;range&quot;]{
      outline: none;
      border: none !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
    }
  </code></pre>