Iphone でボタンの状態が少しおかしいことに気付きました。
設定内容は次のとおりです。
<button class="button follow">follow</button>
<button class="button unfollow" style>unfollow</button>
CSS:
.button {
background: green;
}
.button:hover, .button:active {
red;
}
ボタンをクリックすると、ajax 関数が実行され、交互に実行されます。IEでフォローが表示されていて、フォローをクリックすると、ajax呼び出しが行われ、フォローが非表示になり、フォロー解除が表示され、その逆も同様です。
私の難問:
モバイルでは、ボタンをクリックするとボタンが入れ替わりますが、新しいボタンはアクティブな状態 (つまり、背景が赤) でレンダリングされます。
ボタンがホバー/アクティブ状態でレンダリングされないようにする方法についてのアイデアはありますか?