角材料-悬停期间如何更改边框颜色？

Question

我使用:: ng-deep尝试了所有可能的方法，但是在悬停时无法定位边框颜色！

我可以在开发工具中正确更改它，但是我无法在代码中应用它，选择器似乎总是错误的！

这是html：

 <mat-form-field appearance="outline" class="userNameInput">
        <mat-label>Username</mat-label>
        <input matInput #email type="email" placeholder="mail@mail.com" (keyup.enter)="loadUserInfo(email.value)">
      </mat-form-field>

默认情况下，悬停边框颜色为黑色！

Answer 1

尝试将其放入您的css / scss文件中，

.userNameInput:hover {
  border: 2px solid red;
}

如果不起作用！尝试，

.userNameInput:hover {
  border: 2px solid red !important;
}

希望这对您有帮助

看看这个