Google One Tap 组件出现白色边框问题求助

你可以通过自定义CSS覆盖组件的默认样式来移除白色边框，试试以下几种方案：

• 针对One Tap弹窗容器移除边框和轮廓：

div[data-google-one-tap] {
  border: none !important;
  outline: none !important;
}

• 如果是组件外层容器或iframe的样式问题，用这个：

.g_id_signin,
.g_id_signin iframe {
  border: 0 !important;
  box-shadow: none !important;
}

• 检查页面是否有全局样式（比如* { border: 1px solid #fff; }）影响了组件，这种情况需要给Google组件添加样式例外，或者调整全局样式的作用范围。

把以上CSS添加到你的页面样式文件中，就能去掉白色方框，同时保留组件的正常功能。

内容的提问来源于stack exchange，提问作者devwannabe