是的，这是可能的。试试这样的方法：

<label for="rangeSlider">Slider</label>
<input type="range" min="50" max="150" value="70" id="rangeSlider" step="5" list="rangeList">
<datalist id="rangeList">
	    <option>50</option>
	    <option>55</option>
	    <option>60</option>
	    <option>65</option>
	    <option>70</option>
	    <option>80</option>
        <option>100</option>
        <option>120</option>
        <option>150</option>
    </datalist>

除了@dovelce answer之外，要使它与最接近的值对齐，可以添加以下jquery

let counts = [];
   jQuery('#rangeList option').each(function() {
         counts.push(jQuery(this).val());
   });
   jQuery(document).ready(function(){
        jQuery('#rangeSlider').on('change', function(){
             let goal = jQuery(this).val();
             var closest = counts.reduce(function(prev, curr) {
                return (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);
             });
             jQuery(this).val(closest);
        });
   });