默认情况下，Angular会将一些_ngcontent-xx添加到您的组件CSS文件中，这样它就不会与其他组件冲突。
为了解决这个问题，你需要在全局样式.css文件中添加下面的CSS，或者用其他方法使你的组件成为encapsulation: ViewEncapsulation.None，这意味着它的CSS不会附加Angular的默认类。

方案一：添加全局样式表。
style.css

.multiselect-dropdown .dropdown-btn {
    display: inline-block;
    border: 1px solid #adadad;
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius: 4px;
}

方案二制作组件ViewEncapsulation.None
component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ],
  encapsulation: ViewEncapsulation.None // Add this line
})
export class AppComponent  {

}

Here is solution on stackblitz

希望这会有帮助！

你可以试试这样：

:host ::ng-deep .multiselect-dropdown .dropdown-btn {
    display: inline-block;
    border: 1px solid #adadad;
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius: 4px;
}

你可以通过：host和：：ng-deep覆盖任何节点模块或库的css。

用:host ::ng-deep块包围scss，如下所示：

:host ::ng-deep {
  .multiselect-dropdown {
    background: white
  }
}