在悬停时更改 md-icon 和 md-button

Question

当我将鼠标悬停在按钮上时，如何将 md-button 内的 md-icon 与按钮文本更改为相同的颜色。请参阅plunker上的示例

Answer 1

将此添加到您的样式中

md-list-item > .md-button:hover > md-icon{
  color:rgb(255, 255, 255);
}

这里是plknr

Answer 2

以下样式表适合您：

md-list-item > .md-button:hover md-icon svg {
  fill: white;
}