Javascript 点击时，纸工厂陷入动画

我试图在单击事件上交换

的图标。但正如您所看到的，

的颜色会因为其动画被卡住而改变。我开始尝试requestAnimationFrame

代码：

this.$.editFab.icon = "save";

requestAnimationFrame(() => {
                    this.$.editFab.icon = "save";
                });

---

我找到了解决办法！聚焦纸张时css规则引起的颜色变化。 我刚刚在css中添加了以下内容：

paper-fab:focus{
   background: my-color;
}

---

您应该将

的自定义属性与

--paper fab键盘焦点背景一起使用，即

paper-fab {
    --paper-fab-keyboard-focus-background: {
      color: --accent-color;
    }
}