Html 使用内嵌样式设置进度条的样式

我正在尝试使用内联样式将进度条颜色设置为红色。我需要这样做，因为我只能访问文档的

部分。这是我需要应用的样式：

progress { color: red }
progress::-moz-progress-bar { background: red;}
progress::-webkit-progress-value { background: red; }
progress[aria-valuenow]:before  { background: red; }

我只尝试了

，但效果不正确，进度条颜色变为蓝色，背景为红色。你能给我指一下正确的方向以得到想要的款式吗？先谢谢你

---

这里有一个活生生的例子：

您试图使用内联样式设置伪元素/阴影dom的样式，这是不可能的。使用javascript可以吗？问题是，我完全束手无策，因为我无法触摸html文件的头部。你应该选择自定义html/CSS解决方案。正如你所知，你完全可以从

主体

标记中添加样式表。不需要在

头上

@Brachamul，这对我来说是新的！谢谢。您试图用内联样式设置伪元素/阴影dom的样式，这是不可能的。用javascript可以吗？问题是，我完全束手无策，因为我无法触摸html文件的头部。你应该选择自定义html/CSS解决方案。正如你所知，你完全可以从

主体

标记中添加样式表。不需要在

头上

@Brachamul，这对我来说是新的！非常感谢。