iOS移动端Firefox、Safari中HTML5视频::cue背景样式不生效求助

我尝试通过CSS的::cue选择器为HTML5视频播放器的字幕设置样式，初始代码如下：

::cue {
  background: rgba(255, 255, 255, 0.8); /*iOS移动端Firefox、Safari不生效*/
  color: #463C40;
}

该代码中的background属性在桌面版Chrome、Firefox中可正常显示，但在iOS移动端的Firefox和Safari中完全不生效。

为解决这个问题，我尝试用linear-gradient模拟背景色，代码如下：

::cue{
  color: #463C40;
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8));
}

但这个方案会给字幕添加类似边框的轮廓，达不到预期的纯色半透明背景效果。

我已通过MDN确认background属性是::cue选择器的允许属性，想请教有没有可行的方法让iOS移动端浏览器正常渲染字幕的背景色？

状态更新（2024年1月）：目前尚未找到解决方案，已改用浏览器默认的字幕显示方式。

内容的提问来源于stack exchange，提问作者Krish