jquery - 如何独立于标题更改 jqm slider 的背景颜色(包括实时代码)

Question

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

正如我发现的那样，通过 chrome 开发人员工具，我尝试更改它，但以下代码正在更改页眉和 slider 背景:

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

是否有任何解决方案可以从这段代码中排除 Header？我也试过这种方法，但它不起作用:

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

这是 Fiddle

Answer 1

我看到类 .sliderr 被分配给输入类型元素，而不是 slider 本身的容器。

删除 .sliderr 类并添加另一个父类:

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