:: cue CSS伪元素匹配所选元素中的WebVTT提示。这可以用于在VTT轨道的媒体中使用字幕和其他线索。

只有CSS一小部分属性可以与 :: cue 伪元素一起使用:

属性应用于整个提示集,就像它们是单个单元一样。唯一的例外是背景及其简写属性可以单独应用于每个提示,以避免创建框并遮盖意外大面积的媒体。

语法


::cue | ::cue( <selector> )

示例

以下CSS设置提示样式,使文本为白色,背景为半透明黑盒。


::cue {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

规范

规范 状态 注解
WebVTT: The Web Video Text Tracks Format Candidate Recommendation Initial definition

浏览器兼容性

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes ?551 No ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? ?55 ? ? ?

1. Firefox currently does not support a parameter on ::cue.

参考

文档标签和贡献者

标签: 
此页面的贡献者: Render
最后编辑者: Render,