title: customize the handler of input range
body: <p>When we use input range <code>&lt;input type="range"</code>, there is a handler which is moveable as how we handle it. </p>
  
  <p>Now I need a help how to customize this handle, in this case I want to change the default handler with my own handler(image of button). </p>
  
  <p>Thanks for the help</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type='range'/&gt;</code></pre>
  </div>
  </div>
  </p>