Кнопка iPad Safari Highlight Issue

Question

У меня есть Div, который при нажатии меня хотел бы изменить цвет, а затем ссылку изменить страницу. Мне удалось настроить автоматическое изменение страницы с помощью setTimeout(). В настоящее время я использую css для выделения кнопки с активным состоянием.

При использовании этого, хотя подсветка является темпераментной и не дает желаемого результата. Мне также пришлось использовать ontouchstart = "", чтобы заставить это работать в настоящее время.

Может ли кто-нибудь предложить лучший способ сделать цвет изменения цвета нажатием на определенное количество времени, а затем сменить страницу?

Заранее благодарен!

Update:

код я использую вдоль линий:

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

Answer 1

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