css - 尝试使用TypeScript插入CSS规则时出现CSSStyleSheet类型问题

我尝试使用基于https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript的排字来插入CSS规则。无法识别方法插入物。我有以下错误：

Type 'StyleSheet' is not assignable to type 'CSSStyleSheet'. Property 'cssRules' is missing in type 'StyleSheet'.

这是我的代码：

let stylesheet: CSSStyleSheet = document.styleSheets[0];
stylesheet.insertRule(".scroll-content { overflow: hidden;}",0);

我在研究离子2和角2。
谢谢你的帮助

最佳答案

请尝试使用此代码段定义您的样式表，该样式表是从this answer中稍微修改的。

if (document.styleSheets[0].cssRules)
    let stylesheet: CSSStyleSheet = document.styleSheets[0].cssRules[0];
else if (document.styleSheets[0].rules)
    let stylesheet: CSSStyleSheet = document.styleSheets[0].rules[0];