title: style ::-webkit-slider-thumb with jquery
body: <p>I have some sliders which I want to style via jquery
  For example:</p>
  
  <pre><code>&lt;input type="range"/&gt;
  </code></pre>
  
  <p>To style it with plain css I would write:</p>
  
  <pre><code>input[type="range"]::-webkit-slider-thumb{
  /* blah blah blah*/
  background:red;
  }
  </code></pre>
  
  <p>This is working.
  However if I try this:</p>
  
  <pre><code>$("input[type='range']::-webkit-slider-thumb").css("background","red");
  </code></pre>
  
  <p>It will not give me an error but it also will not work.
  I have seen some other similar questions .The answer to these questions were to insert a new style tag with jquery and some classes(Something i don't want to do).Is there any way to style ::-webkit-slider-thumb with jquery?
  UPDATE
  I don't want to inject any new style tags to my html or use custom classes!!!</p>