如何覆盖 ss-multiselect-dropdown 的 css

【问题标题】：how to overide css of ss-multiselect-dropdown如何覆盖 ss-multiselect-dropdown 的 css
【发布时间】：2019-11-08 12:13:14
【问题描述】：

我想覆盖 Angular 7 中 ss-multiselect-dropdown 的样式，我通过安装 ngb multiselect 来使用它我如何覆盖 css

【问题讨论】：

找到 css 规则名称，并在您要覆盖的每个样式上使用 !important。

标签： javascript angular angular7 ng-bootstrap

【解决方案1】：

对于大多数库组件，您不能直接覆盖其 CSS。

我猜 Angular 会让 :host ng-deep "deprecated" 但在那之前，您可以使用它们来实现覆盖。

例如，在您拥有“

:host ::ng-deep {

  .dropdown-item {
    padding: 0.438rem 1rem;
  }
  .dropdown-item:not(.disabled).active {
    color: red;
    background-color: blue;
  }

  .dropdown-inline {
    height: 100%;
    width: 100%;
    min-width: 15rem;
    max-width: 15rem;
  }

  .btn-block {
    height: 100%;
    border-color: black;
  }

}

【讨论】：

【解决方案2】：

试试这个：

HTML

<ss-multiselect-dropdown style="color: black; 
background-color:transparent;bordercolor: #d5c2c2;" 
[options]="myOptions" [(ngModel)]="optionsModel" (ngModelChange)="onChange($event)"> 
</ss-multiselect-dropdown>

CSS

ss-multiselect-dropdown {
   color: blue !important;
   font-size: 160px !important;
   font-weight: bold !important;
}

【讨论】：