a:active not working on mobile device
<p>my question is: Why this div(with class="menu_cent") not working the class .menu_cent:active, when I clicking on it on mobile devices, but on desktop its works.</p>

<pre><code>    &lt;div class="m_10"&gt;
        &lt;a href="#" onclick="set_lng('en')"&gt;&lt;div class="menu_cent"&gt;English&lt;/div&gt;&lt;/a&gt;
    &lt;/div&gt;

    .menu_cent   
{background:#fff;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer}

    .menu_cent:active   
{background:#f1f1f1;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer}
</code></pre>

<p>I had tried to use </p>

<pre><code>&lt;div class="m_10"&gt;
    &lt;a href="#" onclick="set_lng('en')"&gt;&lt;div onClick="style.backgroundColor='#f1f1f1';" class="menu_cent"&gt;English&lt;/div&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>it works but it comes with delay.</p>

<p>Please help</p>
