HTML5 Video - Shadow DOM - Change CSS Styles

Question

I want to create a thumb control video slider in Chrome.
Css path

video::-webkit-media-slider-thumb 

does not work.

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

Answer 1

Here you go :)

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

This is because the slider finger is a "child" of the timeline :)