如何在悬停时更改角度材质按钮的背景颜色？

Question

我想更改悬停时角垫按钮的背景颜色。

html

<button  style="font-family: 'Nunito'" button mat-button color="primary">Button</button>

css：

button.mat-raised-button:hover {
    background-color: 'red';    
}

但是它不起作用，我不知道为什么吗？

Answer 1

您的HMTL和CSS无效，请检查代码段：

button.mat-raised-button:hover {
    background-color: red;    
}

<button  style="font-family: 'Nunito'" class="mat-raised-button" color="primary">Button</button>

Answer 2

在悬停按钮hover-class上添加课程

button mat-raised-button color="primary" class="hover-class">Primary</button>

然后

.hover-class:hover {
  background-color: red;
}

Working Demo