a：active在移動設備上不工作

Question

我的問題是：爲什麼這個div（class =「menu_cent」）無法正常工作.menu_cent：active，當我在移動設備上點擊它時，但在桌面上它的作品。

<div class="m_10"> 
     <a href="#" onclick="set_lng('en')"><div class="menu_cent">English</div></a> 
    </div> 

    .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} 

我曾試圖用

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

它的工作原理，但它帶有延遲。

請幫

Answer 1

如果你要鏈接爲目標，你把主動僞類錯誤的元素。這裏是你如何想辦法吧：

a:active div.menu_cent{ 
property: blah; 
} 

否則，你可以設置DIV：活躍（我知道這工作在WebKit瀏覽器，不知道其他人），但通常你會希望：主動和：主要訪問錨元素上的僞類。

還有你有你的背景設置兩次：活動塊。這是你沒有看到任何變化的部分原因。