如何独立于标题更改jqm滑块的背景颜色（包含实时代码）

Question

我正在寻找一种解决方案来改变我的jqm范围滑块的背景颜色。

正如我发现通过chrome开发人员工具，我尝试更改它，但以下代码正在更改标题和滑块背景：

.ui-page-theme-a .ui-bar-inherit {
     background-color: #579e81!important;
 } 

是否有任何解决方案可以从此代码中排除标头？我也是这样尝试过的，但它不起作用：

 .sliderr .ui-page-theme-a .ui-bar-inherit {
     background-color: #579e81!important;
 }

以下是Fiddle

Answer 1

我看到类.slider被赋值给一个输入类型元素，而不是滑块本身的容器。

删除.slider类并添加另一个父级：

#content .ui-slider .ui-slider-track.ui-bar-inherit {
  background-color: #579e81 !important;
}