ng-marquee 改变背景颜色

Question

无论我尝试了以下代码，背景颜色仍然不起作用。有什么办法可以改变吗？

我安装的包： https://developer.aliyun.com/mirror/npm/package/ng-marquee/v/1.0.1

<ng-marquee [stopOnHover]="true" duration="40s" direction="alternate" bgcolor="#212529" > Test </ng-marquee>

或

组件：

<ng-marquee [stopOnHover]="true" duration="40s" direction="alternate" class="Color"> Test </ng-marquee>

CSS:

.Color { background-color: #212529; }

Answer 1

为了让您的 css 影响内部库，您可能必须使用 ::ng-deep 选择器。

Answer 2

感谢@JBoothUA 的回复。 ::ng-deep 是解决方案

组件：

<ng-marquee [stopOnHover]="true" duration="40s" direction="alternate" class="marquee">
    Test
</ng-marquee>

CSS:

.marquee { 
    ::ng-deep {
        .ng-marquee {
            background-color: #292059; 
            color: white;
        }
    }
}