如何将焦点轮廓添加到材质按钮

Question

我正在尝试添加

.mat-stroked-button, .mat-flat-button {
    &:focus, &:active:focus {
        outline-width: 3px !important;
        outline-color: red !important;
    }
}

但它不起作用。 我也想知道是否可以删除使按钮变暗的默认焦点样式。我很感激任何帮助。 谢谢

Answer 1

.mat-stroked-button, .mat-flat-button {
    outline-style: none;
    &:focus, &:active:focus {
        outline-style: solid;
        outline-width: 3px;
        outline-color: red;
    }
}