本文介绍了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样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-19 03:53