title: Draggable range slider for touch screen
body: <p>I am creating a slider using range.Here is my <a href="http://jsfiddle.net/4YELP/" rel="nofollow">fiddle</a></p>
  
  <p>html :</p>
  
  <pre><code>&lt;input type="range" name="slider-1" id="slider-1" min="1" max="90" value="1" &gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code> input[type="range"]::-webkit-slider-thumb{
         -webkit-appearance:none !important;  
         width:15%;
         height:40px;       
          border-radius: 10px;
          -moz-border-radius: 10px;
          -wekkit-border-radius: 10px;
          border:1px solid black;
          background:#FFFFFF ;
  
       }
  </code></pre>
  
  <p>It is working fine in pc. But in touch screen when i want to drag its thumb its not working. Can anyone tell me why it is not working?</p>