样式未应用于webvtt文件内容

Question

我是使用webvtt文件的新手。我一直在尝试为webvtt文件的内容应用样式。我正在使用MDN网站上给出的示例。这就是我的代码。

WEBVTT

STYLE

::cue {
  background-image: linear-gradient(to bottom, dimgray, lightgray);
  color: papayawhip;
}

/* Style blocks cannot use blank lines nor "dash dash greater than" */

NOTE comment blocks can be used between style blocks.

STYLE

::cue(b) {
  color: peachpuff;
}

00:00:00.000 --> 00:00:10.000

- Hello <b>world</b>.

我仍然没有看到应用于文本的样式。这有什么理由吗？我错过了什么？ TIA。