Css 移动设备中的聚合物纸晶圆显示方形掩模

我的索引页上有一个造纸厂，它一直显示到我点击它为止。我之所以说点击，是因为这种行为只在移动环境中出现（在chrome mobile视图或我的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;
}

纸张制作#添加按钮{
位置：相对位置；
背景色：#3F51B5；
显示：块；
边缘底部：15px；
}

有什么不对劲吗

提前感谢。

您的银弹是：

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

我还建议您为

style

声明指定

shim shadowdom

参数：

<style shim-shadowdom>

顺便说一句，您可能希望将代码与官方rathen而不是topeka进行比较

希望能有所帮助。

您的灵丹妙药是：

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

我还建议您为

style

声明指定

shim shadowdom

参数：

<style shim-shadowdom>

顺便说一句，您可能希望将代码与官方rathen而不是topeka进行比较

希望能有帮助