要更改Angular Material按钮的悬停背景,你可以使用CSS来覆盖默认的悬停样式。下面是一个示例代码,展示了如何更改按钮的悬停背景颜色:
HTML代码:
CSS代码:
.hover-button:hover {
background-color: red; /* 设置悬停背景颜色为红色 */
}
在这个示例中,我们为按钮添加了一个名为"hover-button"的类,并使用CSS选择器来选中具有该类的按钮。然后,我们使用:hover伪类来定义按钮在悬停状态下的样式,通过设置background-color属性来更改背景颜色。
你可以根据需要调整CSS代码,以适应你想要的悬停背景样式。