相关疑难解决方法(0)

我想自定义输入类型范围喜欢这样.

我尝试使用以下代码更改拇指,如下所示,但未更改选定的范围颜色.

HTML:

<input type="range" />

CSS:

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: red;
  cursor: pointer;
  border: none;
  margin-top: -8px;
}

input[type=range] {
  -webkit-appearance: none;
  outline: 0;
  margin: 0;
  padding: 0;
  height: 30px;
  width: 100%;
}

有人可以建议我更改选定的可运行轨道背景颜色吗？