css - 如何仅将 ngdeep css 类用于特定组件而不是全部

Question

我们如何使用 ng deep css 类仅特定于例如 1 个复选框，而不是我组件中的所有复选框

例如，我只想将它与我的一个复选框一起使用，而不是组件中的所有复选框。我们该怎么做？谢谢。

我只想将它应用于特定的复选框。因为在我的组件中有 5 个不同的复选框，但我只想修改 1 个复选框，所以 4 不应该受到影响。

#复选框代码

 <mat-checkbox
                  *ngIf="currentSelectedTenants(subtenant) else currentSubtenants"
                   color="accent"  
                   [(ngModel)]="dealDispositionFormFields.currentSubtenants"
                   [checked]="currentSelectedTenants(subtenant)" 
                   (change)="changeCurrentSubtenants($event,subtenant)"
                   style="margin-left:10px;">
                  <mat-label class="alter-text-color" style="font-size: 12px;">{{subtenant.subtenantName}}</mat-label>
                  </mat-checkbox>  

#css

::ng-deep .mat-checkbox-checkmark-path {
    stroke:rgba(0, 125, 255, 1) !important;
  }

标签： cssangulartypescript