Css 按钮状态是否通过单击保持？

我注意到在Iphone上我的按钮状态有点滑稽

以下是设置的内容：

<button class="button follow">follow</button>
<button class="button unfollow" style>unfollow</button>

单击这些按钮时，它们将执行ajax功能并进行替换。也就是说，如果显示follow并单击follow，则会进行ajax调用，follow将隐藏，unfollow将显示，反之亦然

我的难题：

在mobile中，当我单击按钮时，按钮交换，但新按钮在其活动状态下呈现，即背景为红色

您知道如何确保按钮不会在悬停/活动状态下渲染吗

.button {
  background: green;
}

.button:hover, .button:active {
  red;
}