根据主题更改内联 SVG 描边和填充颜色

Question

我正在尝试根据所选主题调整 Reveal.js 中内嵌 SVG 图片的颜色（描边和填充），即，深色描边和填充用于浅色主题，浅色描边和填充用于深色主题主题。 到目前为止，我已经尝试了几种为主题标签定义以下样式的方法（例如 black.css）：

svg{stroke:white;fill:white}

或

rect{stroke:white;fill:white}

或

.reveal. slides rect{stroke:white;fill:white}

甚至定义一个class

.light{stroke:white;fill:white}

但 none 有效。

Answer 1

尝试在运行时更改 DOM 个元素：

document.querySelectorAll(".light").forEach(el => 
 el.setAttribute('stroke', 'white')
);

Answer 2

我很接近。 感谢我最喜欢的方法（反复试验），我找到了解决方案。我还必须用“部分”包装它，即：

.reveal .slides section rect{stroke:white;fill:white}