样式化jQuery UI范围滑块

Question

我第一次使用jQuery UI，而且我正在与它斗争。我正在尝试创建此滑块：

但我真的不知道，如何编辑这些.ui-slider .ui-slider-handle等等。没有什么对我有用。即使这样也行不通：

 .ui-slider-handle
 {
     background: url('../../img/slider/slide-dot.png') !important;
     width:9px !important;
     height:9px !important;
     top:0px !important;
     border:none !important;
 }

url是这个点：

但是，在这个问题刚刚解决之后，我没有运气。

顺便说一下，与滑块的背景相同，这是这样的：

可以请有人指出我吗？

我发现这个“完美”的codepen，只想编辑我的主题：https://codepen.io/ignaty/pen/EruAe

感谢您的时间，祝您有个愉快的一天。

Answer 1

尝试将课程加倍，增加specificity：

this.state