Javascript 如何防止元素保持活动状态？

我在一个单页应用程序上有一个模式，当用户做出某个动作时会弹出。如果用户按下其中一个按钮（是/否），模式关闭。如果再次弹出相同的模式，则最后按下的按钮将保持激活状态。我使用pseudo class

：active

在按下按钮时更改按钮背景

这种情况发生在一些android触摸设备上

HTML:

和：活动

modal .modal-content .modal-footer .ExitButton:active {
    background: url(../Images/reverseHeaderRowBackground.png) repeat-x;
}

---

如果我第一次按“否”，第二次返回到模式，则“否”仍处于活动状态。如果我随后按YES并第三次返回，则这两个选项都处于活动状态

我通过用

按钮替换div解决了这个问题

        <div class="exitFooterButtons">
            <div class="ExitButton">
                <button data-event="yes" data-bind="lang: Languages.Yes"></button>
                <button data-event="no" data-bind="lang: Languages.No"></button>
            </div>
        </div>



总之，一些android（~4.2）设备不喜欢
：active
伪类，当它们被分配到
div的
中时，您是使用jquery插件进行模式设置还是自定义编码？这是我们自己设计的引导模式。
modal .modal-content .modal-footer .ExitButton:active {
    background: url(../Images/reverseHeaderRowBackground.png) repeat-x;
}

        <div class="exitFooterButtons">
            <div class="ExitButton">
                <button data-event="yes" data-bind="lang: Languages.Yes"></button>
                <button data-event="no" data-bind="lang: Languages.No"></button>
            </div>
        </div>