Изменение высоты бегунка большого пальца в JavaScript

Question

Есть ли способ установить бегунок диапазона ползунка на высоту 100% или динамически изменять свои высоты в JavaScript?

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

Этот код не работает, потому что установка его на 100% делает его исчезающим. Так, как я мог изменить его высоту, когда высота ползунка является динамической?