有没有办法在悬停时更改 mat-checkbox 的样式？

【问题标题】：Is there a way to change the stylings of mat-checkbox on hover?有没有办法在悬停时更改 mat-checkbox 的样式？
【发布时间】：2020-04-02 07:54:57
【问题描述】：

我想在悬停时更改 mat-checkbox 的边框颜色。

下面的代码不工作

::ng-deep .mat-checkbox:hover .mat-checkbox-frame:hover {
          border-color: red !important;
}

我的Stackblitz 。请帮帮我。

【问题讨论】：

【解决方案1】：

设置（当您像style.scss 一样全局设置样式时）

.mat-checkbox:hover {
  .mat-checkbox-frame {
    border-color: #ff2222 !important;//what ever color you want
  }
}

如果在component-style.scss（如页眉组件、页脚等）中，则使用/deep/ like

 /deep/ .mat-checkbox:hover {
   /deep/ .mat-checkbox-frame {
     border-color: #ff2222 !important;//what ever color you want
   }
 }

【讨论】：