设置角度mat-slide-toggle的焦点状态

Ale*_*lex 5 sass angular

我使用什么类来设置mat-slide-toggle的焦点状态的样式?

根据我在浏览器中通过Inspect所知道的,可能是类似的东西,::ng-deep .mat-ripple-element .mat-slide-toggle-persistent-ripple但是那不起作用。我尝试了几种变体,ripple但即使我朝着正确的方向看,也似乎找不到合适的变体。

我想要的是重新着色和缩小下面的粉红色圆圈的直径,我只是不知道如何为SASS选择它。

垫子滑动切换

HTML:

<mat-slide-toggle (change)="onChange($event)">{{ variable-here }}</mat-slide-toggle>
Run Code Online (Sandbox Code Playgroud)

小智 0

你试过了吗

mat-slide-toggle:focus
Run Code Online (Sandbox Code Playgroud)