Javascript 输入范围滑块事件

在输入范围滑块，我想增加可操作区域的大小将增加鼠标在拇指。 我试过这个

HTML

---

请帮忙。上面的操作不起作用

我不确定您是否可以在滑块拇指上捕捉到悬停，但如果您希望在所有滑块上悬停，可以依靠CSS变量更改某些属性，这里有一个主意

.滑块颜色：悬停{ -c:红色； -h:40px； } .滑块颜色：：-webkit滑块可运行轨迹{ 背景：var-c，透明； 高度：var-h，初始值； }

---

当我将鼠标悬停在滑块上时，其高度会发生变化。我希望它停在拇指上，而不是滑块上bar@RejoanulAlam是的，正如我所说，我认为你不能抓住拇指上的悬停，所以我提供了一个解决方案，在整个滑块上悬停

<input id="param1" type="range" min="0" max="1" step="0.1" class="slider-color">

$('.slider-color::-webkit-slider-thumb').hover(function(){
    $('.slider-color::-webkit-slider-runnable-track').css('height','11px');
});