按钮状态通过点击持续存在？

Question

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

这是设置的内容：

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

的CSS：

.button {
  background: green;
}

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

单击按钮时，它们执行ajax功能并交替显示。 I.E.如果跟随显示，我点击跟随ajax调用，隐藏跟随并显示取消关注，反之亦然。

我的难题：

在移动设备中，当我单击按钮时，按钮交换，但新按钮呈现为活动状态（即背景为红色）。

关于如何确保按钮不会在其悬停/活动状态下呈现的任何想法？