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

Question

当我将鼠标悬停在按钮上时，请如何将按钮文本中md-icon内的md-button更改为具有相同的颜色。请参阅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;
}