Javascript 自定义Jquery UI滑块样式

我对jquery没有太多经验，但我成功地在html中添加了一个jquery ui价格滑块，特别是这个-

现在我正在尝试定制它。我想改变的东西，如悬停，拖动颜色，使他们圆形滑块，也像一个薄，而不是一个厚，但我找不到任何关于如何在线文档

我试图检查元素并从中获取类，该类仅用于禁用滑块的轮廓

.ui-slider-handle {
  outline: 0;
  background: purple;
  border-radius: 50%;
}

---

所以我知道这是针对滑块的，但改变颜色或边框半径并没有任何作用。我的css在jquery ui css之后声明，因此我的css肯定会覆盖它。

您可以使用高于jquery的样式自定义滑块的样式。这样，您就不必麻烦了，哪些CSS声明是第一次包含的，具有更高特殊性的规则将适用

下面是一个工作示例。除了不同元素的类选择器之外，我还使用父选择器

#滑块

，增加了特异性：

$（函数（）{
$（“#滑块”）.slider（）；
});
#slider.ui滑块句柄{
大纲：0；
背景：紫色；
边界半径：50%；
顶部：-.6em；
}
#slider.ui-滑块-水平{
顶部：1米；
左：5%；
高度：.1米；
宽度：90%；
边界：无；
背景：#ccc；
}