'Styling deep InnerHTML

Sorry im newbie in angular i have a question to styling innerhtml in tree view, here is my code

<ul class="tree-view" style="list-style-type:none;">
    <li class="system-main"
        *ngFor="let item of items">
        <div class="system-main__apps">
            <span class="system-main__icon" (click)="expandNode(item)">
                <img src="assets/img/ic_plus.png" class="imageExpand" >
            </span>
            <span style="font-size:1em" class="system-main__name" (click)="clickNode(item)">
               <span class="iconSurat" [innerHTML]="item.icon"></span>{{ item.text }}<br/><span>{{item.hal}}</span>
            </span>
        </div>
        <ul *ngIf="item.expanded">
            <mlpt-arsiplist [items]="item.childNodes" ></mlpt-arsiplist>
        </ul>
    </li>
</ul>

inside [innerHTML]="item.icon" is "<img src='assets/img/urgent icon-01.png' class='iconKcptn'/>" how to styling the img innerHTML?

thanks before

angular

Solution 1:^[1]

I got the solution, i put the target css globally, maybe caused the component is too deep

thanks before

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	marcellus denta

'Styling deep InnerHTML

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]