使输入[type =“ range”]在拇指前后具有不同的颜色

Question

有没有解决方案，如何使输入[type =“ range”]在拇指前后具有不同的颜色，而不会产生大量类似::webkit-slider-runnable-track的丑陋伪元素。也许一些JavaScript会有所帮助。

我不需要滑块的其他样式，我已经在使用引导程序了。

编辑：请阅读完整的问题-不要添加大量诸如::webkit-slider-runnable-track这样的丑陋伪元素