透明按钮在页面加载时闪烁白色

Question

我有一个带透明bg的按钮。在悬停时，它会变为某种颜色 并设置过渡以平滑它。让我们说它背后可见的页面是红色的（白色以外的任何东西）。

  background-color: rgba(0, 0, 0, 0)
  transition: background-color 0.5s
  &:hover: {
    background-color: rgba(0, 0, 0, 0.7)
  }

问题：在页面加载时，或更准确地说是元素加载（使用React），按钮将从白色变为透明。

如何解决？