title: Change Range Slider Handle Color (On Click)
body: <pre><code>&lt;div id="slider"&gt;
      &lt;br&gt;&lt;span&gt;0&lt;/span&gt;
      &lt;span style="margin-left: 3.3%"&gt;100&lt;/span&gt;
      &lt;span style="margin-left: 9.8%"&gt;300&lt;/span&gt;
      &lt;span style="margin-left: 16.4%"&gt;600&lt;/span&gt;
      &lt;span style="margin-left: 16.2%"&gt;900&lt;/span&gt;
      &lt;span style="margin-left: 15.7%"&gt;1200&lt;/span&gt;
      &lt;span style="margin-left: 13.3%"&gt;1500&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using default jquery range slider. When the handle is clicked, the handle head change into a blue one(As shown in picture). I am adding this raw html into wordpress theme. It works fine on local testing(without wordpress theme). Is there anyway to overwrite the color on click. Blue and my website theme doesn't go well.</p>
  
  <p>Normal
  <a href="https://i.stack.imgur.com/Q3iLL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q3iLL.png" alt="Normal"></a>
  On Click
  <a href="https://i.stack.imgur.com/bXvyc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bXvyc.png" alt="On Click"></a></p>