當(dāng)一個選項被選中時，我試圖設(shè)置我的mat-paginator的邊框底部顏色，默認為紫色。有人有解決辦法嗎？

Mat-paginator紫色邊框

我試圖在devtools上尋找樣式化邊框的類，但是沒有成功。

您需要將mat-form-field-ripple類作為目標，并使用ng-deep或?qū)⒁?guī)則放在styles.css中以覆蓋基于顏色的主題，

::ng-deep .mat-form-field.mat-focused .mat-form-field-ripple{
  background-color: red;
}

試試這個:

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: red;
}

如此處所示(可能是重復(fù)的)。

如果您想覆蓋所有地方，請在styles.css中使用它

.mdc-notched-outline__leading, .mdc-notched-outline__trailing {
  border-bottom-color: red !important;
}

如果您只想在一個特定的組件中覆蓋它，請?zhí)砑?:ng-deep，如下所示:

::ng-deep {
  .mdc-notched-outline__leading, .mdc-notched-outline__trailing {
    border-bottom-color: red !important;
  }
}