CHROME不接受字幕样式

Question

我想自定义字幕的位置，字体，颜色等，为了实现此目的，我尝试了以下CSS，但是它们都不在chrome上工作，但是在Firefox上工作

您可以尝试使用此link（滚动到底部，您将看到一个文本框，可输入CSS）

字幕为Webvtt格式

视频是Dash（.mpd）

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

video:-webkit-full-screen {
  background-image: linear-gradient(to bottom, dimgray, lightgray);
  color: papayawhip;
}

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

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

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

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