Css 如何在Safari上隐藏：：cue伪元素的背景？

我试图隐藏视频元素上的标题：

我正在使用以下css：

video:：cue{
可见性：隐藏；
}

它在Chrome中运行良好，但在Safari中，它只隐藏文本，仍然呈现标题背景，如下所示：

我尝试添加

background:none

，但没有变化。

---

除了以编程方式修改文本曲目列表外，我还可以如何隐藏Safari上的字幕？这可能是一个Safari bug吗？

我认为您需要针对video:：cue的父元素并将其隐藏。顺便说一句，display:none也可以用于隐藏，尽管我不确定这里已经提到了一个解决方案：。也就是说，如果你想做的不是直接在视频中显示字幕，只需使用曲目类型的“元数据”。就我而言：

<track default label="English" kind="metadata" srclang="en" src="../static/captions/mexicocity_en.vtt" >

背景色

似乎被忽略。设置

font-size:0px

会将“气泡”缩小为一个很小的圆圈，但它仍然不会消失。添加一些代码或小提琴链接我也遇到了同样的问题。我想更新VTT SUB的背景色，但是这个属性似乎没有效果。