iPad Safari按鈕突出顯示問題

我有一個Div，單擊時我希望它改變顏色，然後鏈接更改頁面。我設法通過setTimeout（）自動運行頁面更改。我目前使用CSS來突出顯示按鈕：活動狀態。iPad Safari按鈕突出顯示問題

當使用這個雖然高光是脾氣，並沒有給出所需的結果。我還必須使用ontouchstart =「」才能使其正常工作。

任何人都可以提出一個更好的方法來使div改變顏色在水龍頭上一段時間，然後改變頁面？

在此先感謝！

更新：

我使用的代碼是沿着線：

<style type="text/css"> 
#button_RH_Pg1{ 
background-color:#FF0000; 
padding:10px; 
text-align:center; 
font-weight:bold; 
color:#FFFFFF; 
font-family:arial; 
cursor:hand; 
} 
#button_RH_Pg1:active{ 
background-color:#000000; 
} 
</style> 
<script> 
function page2load(){ 
document.getElementById('page1dis').style.display="none"; 
document.getElementById('page2dis').style.display="block"; 
} 
</script> 
<div id="page1dis"> 
<div id="button_RH_Pg1" onclick="page2load()">This is a button</div> 
</div>

來源

2013-12-20 KM123

我們不能沒有看到代碼幫助... – BenM

只是示例代碼更新 – KM123

出於好奇，爲什麼不使用標準作爲鏈接？ – yochannah

<style type="text/css"> 
div.button_RH { 
    background-color: #FF0000; 
    padding: 10px; 
    text-align: center; 
    font-weight: bold; 
    color: #FFFFFF; 
    font-family: arial; 
    cursor: hand; 
} 
</style> 
<script> 
var delay = 500; 
function pageload(button, targetpage) { 
    button.style.backgroundColor = "#000000"; 
    setTimeout(function() { 
    button.parentNode.style.display = "none"; 
    document.getElementById(targetpage).style.display = "block"; 
    button.style.backgroundColor = "#FF0000"; 
    }, delay); 
} 
</script> 
<div id="page1dis"> 
    <div class="button_RH" onclick="pageload(this, 'page2dis')"> 
    This is a button 
    </div> 
</div>

來源

2013-12-20 13:41:48 matpop

非常感謝！它的工作 – KM123

iPad Safari按鈕突出顯示問題

回答

相關問題