HTML5视频 - Shadow DOM - 更改CSS样式 [英] HTML5 Video - Shadow DOM - Change CSS styles

问题描述

我想在Chrome中设置视频控制的滑块大拇指。

css路径

  video： -  webkit-media-slider-thumb 
  

无法使用。

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

解决方案

pre> video： - webkit-media-controls-timeline :: - webkit-media-slider-thumb {
background：red; / *工程* /
}


这是因为slider-thumb是时间轴的孩子 ：）

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/

解决方案

Here you go :)

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

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

这篇关于HTML5视频 - Shadow DOM - 更改CSS样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！