如何设置圆形 videojs 洗涤器滑块按钮的样式

Question

我正在寻找有关如何设置圆形 videojs 洗涤器按钮控件样式的建议。我看到视频默认 css 皮肤后所能想到的就是：

.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.3333333333em;
    z-index: 1;
    background-color:#eb882a;  <- setting the color here
}

这确实会在圆形滑块滑块控件周围放置一个橙色方块，但不会更改圆形滑块滑块控件的颜色。

.video-js .vjs-play-progress {
    background-color:#eb882a;  <- setting the color here
}

只是改变圆形刷条滑块控件之前进度线的颜色。

如何更改保持白色的圆形洗涤器控件本身的颜色？

Answer 1

滑块句柄是来自图标字体的字符，因此请使用color 而不是background-color。