:active 不适用于 PhoneGap

Question

我想要一个<div>，当你触摸它时，它会慢慢改变其背景颜色。

我为此使用了 :active 伪类：

div {
    background: #fff;
    transition: all .3s linear;
    -o-transition: all .7s linear;
    -moz-transition: all .7s linear;
    -webkit-transition: all .7s linear; 
}

div:active {
    background: #E5CC00;
}

在 Chrome 上完美运行，但在 PhoneGap/Android 上无法运行。我也试过:hover。

有什么想法吗？

Answer 1

:active 伪类不适用于 Android 上的 div 标签。它确实适用于锚标签。查看这个 StackOverflow 答案：

How to simulate :active css pseudo class in android on non-link elements?