更改角度材料多選的選定值 css

Question

我想更改材質多選選定值 css。

                <mat-form-field class="mat-form-field-fluid">
                    <mat-select placeholder="Kullanıcı Yetkileri" [(value)]="selectedPermissions" multiple>
                      <mat-option *ngFor="let permission of filteredPermissions | async" [value]="permission">{{permission.name}}</mat-option>
                    </mat-select>
                  </mat-form-field>

當我檢查瀏覽器源代碼中的選定值時，我看到如下：

<span class="ng-tns-c22-16 ng-star-inserted">selection-1,selection-2</span>

所以我想通過包裝一個span來將一個 css 類設置為選定的值。

如何更改材質多選的選定值的 css。

謝謝。

Answer 1

這取決於，但可能您需要禁用包含<mat-form-field>的組件的封裝

在您的@Component裝飾器上添加：

encapsulation: ViewEncapsulation.None

這樣你就可以使用瀏覽器檢查器檢查組件並編寫適當的 CSS 規則。