css - 内容安全策略生效时使用 JS 应用样式

Question

我正在尝试使用 Javascript 设置元素的背景颜色，并且我有一个带有style-src 'self'.

我可以$(el).css("display", "none")从 Javascript 做一些事情，但$(el).css("background-color", "#FFF")由于 CSP 而失败。当我尝试做同样的事情时el.style.backgroundColor = "#FFF"。

#FFF实际上是来自数据库，所以我没有办法将它放入静态 CSS 文件中。有什么方法可以动态设置背景颜色而不允许所有内联样式？

Answer 1

问题最终出在elTooltipster 管理的块内。Tooltipster 会在显示之前克隆 tooltip 的内容，因此即使在 original 上实际设置了样式，但el在将克隆插入 DOM 时，浏览器会看到该元素具有样式标签，并阻止它。