CSSStyleSheet Typ Problem beim Versuch, eine CSS-Regel mit Typoskript einfügen

Question

Ich versuche, eine CSS-Regel mit Typoskript basierend auf https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript einfügen. Die Methode insertRule wird nicht erkannt. Ich habe folgende Fehlermeldung:

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

Hier ist mein Code:

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

ich arbeite mit ionischen 2 und Winkel 2.

Danke für Ihre Hilfe

Answer 1

Try Dieses Snippet für die Definition Ihres Stylesheets wurde leicht modifiziert von 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];