Css 引导4个输入范围，更改拇指颜色

有没有办法定制bootstrap 4系列颜色并将蓝色拇指颜色更改为“灰色”

在下面输入html

<p id="slider" class="range-field">
  <input 
    type: "range",
    min:"0" max:"3"
    class: "custom-range"
    value: "2"
    disabled: "true"
  />
</p>

尝试以下代码-各种供应商特定类别，根据您的需求使用：

.custom-range::-webkit-slider-thumb {
  background: gray;
}

.custom-range::-moz-range-thumb {
  background: gray;
}

.custom-range::-ms-thumb {
  background: gray;
}

---

如果使用的是Sass，则必须更改（覆盖）已检查的

$custom control indicator bg

变量的值

$custom control indicator checked bg

的默认值为：

$component-active-bg: theme-color("primary") !default;
// ...
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;

---

在样式上方您知道如何不仅更改拇指的颜色，而且更改阴影吗？@Astariul您在谈论哪个阴影？当您单击拇指时，其颜色将更改，并显示一个阴影。我想更改此浏览器的颜色。哪个浏览器？你能在某处上传一个屏幕截图吗？最后我发现，我必须修改

-webkit滑块拇指的
背景色
：活动的
和
-webkit滑块拇指的
框影
，如何更改它？如何多次改变它？我有许多滑块在一个单一的页面，需要使他们在不同的颜色。我只有一个主scss文件，我是否应该@import the _variable.scss来覆盖该文件！默认值？我使用$custom复选框指示符不确定bg:#000；或$custom复选框指示器不确定bg:#000！违约在我的主scss文件中，但它不起作用。