在JavaScript中更改滑块范围滑块的高度

Question

是否可以将滑块范围滑块设置为100％的高度或 在JavaScript中动态更改其高度？

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 30px;
    background: red;
    cursor: pointer;
}

此代码无效，因为将其设置为100％会使它消失。 那么，当滑块高度为动态时，如何更改其高度呢？