Javascript 使用可变值设置滑块拇指高度

我需要使用jquery设置范围输入的高度属性。我遇到了很多答案，说这是直接不可能的，你需要做一个变通，这里是，或者这个

CSS:

input[type="range"]::webkit-slider-thumb {
      height : 15px;
}

$('html').addClass('newHeight');

建议的解决方法是添加另一个具有新高度的css类，例如：

.newHeight::webkit-slider-thumb {
      height : 45px;
}

最后，您可以通过添加（或切换）新类来设置新的高度：

JQuery:

input[type="range"]::webkit-slider-thumb {
      height : 15px;
}

$('html').addClass('newHeight');

---

这很好，但我的问题是，在我的情况下，新的

高度应该是可变的；我没有确切的值，它是根据页面加载的其他参数计算的。因此，在这种情况下，是否可以设置
滑块拇指的
高度
？
您可以使用JQuery设置/获取元素的高度

设定高度

$('your_selector').height(50);

$('your_selector').height();

越来越高

$('your_selector').height(50);

$('your_selector').height();

获取输入范围的父元素高度，并将拇指高度设置为输入范围的80%

这里有工作

基本上，通过更改元素的
宽度
，可以更改拇指的
高度。我刚才提到了
5%
。在plunker的css文件中/*设置高度*/找到该注释。您可以在那里更改
它是基于页面加载上的其他参数计算的--什么参数？它实际上基于父容器大小，并且父容器是可调整大小的。元素应该获得父容器高度的百分比是多少？基于输入高度，它应该正确更改，您刚才提到的
45px
正确。将其更改为
80%
问题有点不清楚。再现问题范围输入的高度为0px，但滑块拇指的高度为0，例如，如果将高度设置为80%，则需要80%的0px，因此滑块的高度为0px我想将滑块拇指的高度设置为输入范围父级的80%，如何使用jquery将高度设置为滑块拇指的80%？它是webkit滑块拇指，您无法使用jquery访问它，这是我的问题这里是我的高度设置为150px；如果在css文件中将高度设置为80%，滑块将消失