themply将其设置在主样本中。CSS,更改所需的值。仅使用您需要的东西,我在这里设置所有可能的值:
.mat-mdc-slide-toggle {
--mdc-switch-selected-handle-color: #ffbb1c;
--mdc-switch-selected-pressed-handle-color: #ffbb1c;
--mdc-switch-selected-pressed-state-layer-color: #ffbb1c;
--mdc-switch-selected-hover-state-layer-color: #ffbb1c;
--mdc-switch-selected-hover-handle-color: #ffbb1c;
--mdc-switch-selected-focus-state-layer-color: #ffbb1c;
--mdc-switch-selected-focus-handle-color: #ffbb1c;
--mdc-switch-selected-track-color: #e0e0e0;
--mdc-switch-selected-pressed-track-color: #e0e0e0;
--mdc-switch-selected-hover-track-color: #e0e0e0;
--mdc-switch-selected-focus-track-color: #e0e0e0;
}
我最喜欢的值只有2个:轨道和焦点轨道颜色,仅更改滑块的背景颜色: