Проблема с CSSStyleSheet при попытке вставить правило css с машинописными текстами

Question

Я пытаюсь вставить правило css с машинописными текстами на основе https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript. Метод insertRule не распознается. У меня есть следующее сообщение об ошибке:

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.

Спасибо за вашу помощь

Answer 1

Try этот фрагмент для определения вашей таблицы стилей слегка изменен от 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];