Как сделать range input?

Question

[tripohio]

Добрый день.
При верстке range input никак не получается сделать ползунок круглым.
Если убрать oveflow: hidden у input, то возникают проблемы.
Не могли бы помочь.
Вот код.

Заранее всех благодарю.

Answer 1

[Ankhena]

Вот вам еще статья про стилизацию input range https://css-tricks.com/styling-cross-browser-compa...
И генератор https://www.cssportal.com/style-input-range/

Comments

[tripohio]

Мне нужно чтобы слева от ползунка был другой цвет.

[Ankhena]

tripohio, покрасьте в другой цвет

[tripohio]

Нет, он именно слева должен быть другого цвета.
То есть справа от ползунка один цвет, а слева другой.

[tripohio]

Ankhena, Нет, он именно слева должен быть другого цвета.
То есть справа от ползунка один цвет, а слева другой.

[Ankhena]

tripohio, в вашем коде он уже другого цвета.
Из моего кода нужно взять только то, что касается правильных размеров, чтобы не обрезался круглях. Вы же именно про это спрашивали.