css - 如何在 Chrome/Safari 中设置 slider slider 的 CSS 样式？

Question

这不起作用:

input[type=range]:focus::-webkit-slider-thumb {
    background-color: green;
}

我无法在 Chrome/Safari 中设置 slider slider 的样式。我该怎么做？

Answer 1

所以我在这里遇到了这个答案:此功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它:它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为可能会在未来发生变化。

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-slider-thumb