角材料按钮更改悬停背景

Question

我有一个角材料链接按钮元素：

<a mat-button>Link</a>

我想将其悬停背景更改为加粗的白色，因此在我的全局styles.css文件中定义：

.mat-button-focus-overlay {
   background: rgba(255, 255, 255, 0.8)!important;
}

链接本身没有任何其他样式。我可以看到，尽管将不透明度设置为0.8，但悬停时的背景颜色确实已变为白色，但变为非常浅的白色。有办法解决吗？

谢谢。

Answer 1

在您的globals.css中，您有机会直接覆盖mat按钮的作用-正常和悬停时： 例子：

(?<!\.)