md-icon无法使用md-list-item中的transform属性进行单击

Question

我的md-list包含一些md-list-item，如codepen。

md-list中的两个图标都有这个CSS。

.icon-transform{
      transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

当我尝试点击图标时，如果它有变换属性，则图标变得无法点击。

我需要行为像最后一个md-list-item。

Thnaks。

Answer 1

将指针事件添加到图标转换可防止所有点击事件发生在元素上。

.icon-transform{
     transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
     pointer-events: none;
}