angularjs - md-slider 自定义颜色 slider - ANGULAR MATERIAL

Question

我正在研究 md-slider，这里我的问题是我们如何才能拥有自己的 slider 颜色，默认情况下有两个类 md-warn(用于红色)和 md-primary(用于白色)。我想要白色 slider 。我怎样才能实现这个目标？

Answer 1

Visores'答案非常有用，但是这与默认 slider 的功能不太匹配，因为 md-thumb 的右侧最终与 slider 其余部分的颜色相同。通过改变将 .md-track 更改为 .md-track-fill，您将匹配默认功能。因此，代码如下所示:

#red-slider .md-thumb:after, #red-slider .md-track-fill{
    background-color: greenyellow !important;
    border-color: greenyellow !important;
}
#red-slider .md-focus-thumb, #red-slider .md-focus-ring{
    background-color: greenyellow;
}

CodePen example