聚合物纸 - 工厂展示方形面具在移动

Question

我的索引页面上有一个纸制品工厂，它正在显示，直到我点击它。我说点击是因为此行为仅在移动环境中出现（在Chrome移动视图或我的Nexus 5中）。

这是活动按钮（点按）：

请注意，背景为浅灰色。按钮周围的这个方块是我想要删除的。按钮是完美的圆形。但是，当点击时会出现这种情况。

我测试了其他应用程序，如Topeka，并且活动按钮（点按）显示正确：

但显然我的纸制品厂和托皮卡的纸厂之间并没有什么特别之处。

这是元素声明和CSS：

<paper-fab icon="add" id="add-button"></paper-fab>

paper-fab#add-button {
  position: relative;
  background-color: #3F51B5;
  display: block;
  margin-bottom: 15px;
}

有什么不对吗？

提前感谢。

Answer 1

你的银弹是：

body {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

我建议您参加为shim-shadowdom声明指定style参数：

<style shim-shadowdom>

顺便说一下，您可能希望将您的代码与官方paper-fab docs rathen进行比较，而不是topeka。

希望它有所帮助。