CSSStyleSheet 타이프 스크립트와 CSS 규칙을 삽입하는 동안 문제가 발생했습니다

Question

https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript을 기반으로하는 typescript와 함께 CSS 규칙을 삽입하려고합니다. 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. 당신의 도움이

Answer 1

시도 주셔서 감사 각도 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];