具有多种颜色的 MaterialUI 滑块

Question

我现在正在进入 MaterialUI，特别是我想创建一个范围滑块。我正在使用这个例子https://material-ui.com/components/slider/#range-sliders

我想要实现的是为“高”、“中”和“低”范围设置不同的颜色。结果应该类似于：

拇指的颜色并不重要，但我想清楚地区分导轨上的不同范围。

有办法实现这一点吗？

Answer 1

检查在 codepen 中实现的此颜色范围MUI滑块（正常/反转）：https: //codesandbox.io/s/metrics-color-threshold-slider-reversed-o58nu6。