::cue (:cue) - CSS（层叠样式表） 编辑

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

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

• color
• opacity
• visibility
• text-decoration and its longhand properties: text-decoration-line, text-decoration-color, and text-decoration-style
• text-shadow
• background and its longhand properties: background-color, background-clip, background-image, background-origin, background-position, background-repeat, background-size,  background-attachment, and background-blend-mode
• outline and its longhand properties: outline-color, outline-style, outline-width
• font and its longhand properties: font-kerning, font-style, font-variant, font-variant-numeric, font-variant-position, font-variant-east-asian, font-variant-caps, font-variant-alternates, font-variant-ligatures, font-synthesis, font-feature-settings, font-language-override, font-weight, font-size, font-size-adjust, font-stretch, and font-family
• line-height
• white-space
• text-combine-upright
• ruby-position

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

语法

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

示例

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

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

规范

浏览器兼容性

BCD tables only load in the browser

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

参考

• 网络视频轨道格式（WebVTT