Change touch area for slider control

by Akram kamal

HTML

<form>
    <label for="slider-1">Slider:</label>
    <input type="range" name="slider-1" id="slider-1" min="0" max="100" value="50">
</form>

CSS

a.ui-slider-handle.ui-btn.ui-shadow{
    padding:10px;
}