css - HTML5 视频 - Shadow DOM - 更改 CSS 样式

Question

我想在 Chrome 中设置视频控件的滑块拇指样式。
css 路径

video::-webkit-media-slider-thumb

不起作用。

游乐场：http: //jsfiddle.net/holden321/27fUR/

Answer 1

干得好 ：）

video::-webkit-media-controls-timeline::-webkit-media-slider-thumb {
    background:red; /* works */
}

那是因为滑块拇指是时间线的“孩子”:)