js 向页面添加样式表，全局覆盖样式

1
2
3
4
5
6
7
8
const styleEl = document.createElement('style');
//document.getElementsByTagName('head')[0].appendChild(styleEl);
document.head.appendChild(styleEl);

let cssRules = document.styleSheets[document.styleSheets.length - 1];

cssRules.insertRule('body { color: #fff !important; }');

参考： https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule