HTML5 Video - Shadow DOM - Change CSS styles

Question

I want to style the slider thumb of video control in Chrome.
The css path

video::-webkit-media-slider-thumb

doesn't work.

Playground: http://jsfiddle.net/holden321/27fUR/

Answer 1

Here you go :)

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

That's because slider-thumb is "child" of timeline :)