如何在 Shadow DOM 中覆盖 CSS Styles？

Question

此代码在我的网站中注入 div，我想打开display:block; display:none; . 如何覆盖 styles？

  var template = document.getElementById("MDow-1");
  var div = document.createElement("div");
  div.setAttribute("style", "display: block !important; clear: both !important".replace(/\s/g, " ".repeat(parseInt(Math.random() * 29 + 1))));
  var shadow = div.attachShadow({mode: "closed"});
  shadow.innerHTML = template.innerHTML;
  document.body.appendChild(div);

此 CSS 样式不起作用。

.SelectorName { 
display: none; 
}

Answer 1

我不确定我是否在关注您的问题，以更改您可以使用的 div 的显示

div.style.display = "none"