title: Is there a way to change the stylings of mat-checkbox on hover?
body: <p>I want to change the border-color of mat-checkbox on hover . </p>
  
  <p>Below code is not working </p>
  
  <pre><code>::ng-deep .mat-checkbox:hover .mat-checkbox-frame:hover {
            border-color: red !important;
  }
  </code></pre>
  
  <p>My <a href="https://stackblitz.com/edit/angular-tyfg2z" rel="nofollow noreferrer">Stackblitz</a> . Please help me out . </p>