为什么有些滑块会发红光？

Question

我有以下代码在JS中生成两个滑块。奇怪的是，当您移动一个滑块时，它会闪烁红光，而另一个滑块没有。

是什么原因造成的，我们如何避免呢？

我怀疑它与步长值有关，因为当您删除一些数字时，这种现象消失了，但是我不知道它是什么。 （这是在Firefox 64.0中记录的）

let slider1 = makeSlider(1, 3, 0.027080502011022)

document.body.append(slider1)


let slider2 = makeSlider(0, 0.5, 0.1)

document.body.append(slider2)


function makeSlider(min, max, step) {
  let slider = document.createElement("input")
  slider.type = "range"
  slider.min = min
  slider.max = max
  slider.step = step
  return slider
}

以防万一：0.027080502011022是评估Math.log(15)/100 - 1e-16时得到的结果。

Answer 1

如果您将生成的HTML和随附的CSS提供给我们，将会更加容易。仍然尝试：

input[type=range]::-moz-focus-outer { 
   border: 0; 
}

如果没有，请尝试：

input[type=range]:focus {
    outline: none;
}