如何在Chrome / Safari中为滑块设置CSS样式?

时间:2016-12-06 20:37:02

标签: css google-chrome slider

这不起作用:

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

我无法在Chrome / Safari中为滑块设置样式。我该怎么做?

1 个答案:

答案 0 :(得分:0)

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

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