本文介绍了HTML5视频 - Shadow DOM - 更改CSS样式的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想在Chrome中设置视频控制的滑块大拇指。
css路径
video： - webkit-media-slider-thumb
无法使用。
游乐场：
解决方案
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样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！