MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

:: 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 Draft Initial definition

浏览器兼容性

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic Support(Yes)?551No??
FeatureAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic Support???55No??

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

参考

文档标签和贡献者

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