Utilizzare la pseudo-classe :active
nel proprio css, quindi aggiungere ontouchstart=""
e onmouseover=""
al tag del corpo.
Il codice seguente è tratto dal mio sito, in cui ho pulsanti che diventano più piccoli e bagliore bianco quando aleggiava (su PC) o premuti (su dispositivi touch)
<style>
.boxbutton:active{
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-ms-transform:scale(0.9);
-o-transform:scale(0.9);
transform:scale(0.9);
-webkit-box-shadow:0px 0px 20px #FFF;
-moz-box-shadow:0px 0px 20px #FFF;
-o-box-shadow:0px 0px 20px #FFF;
box-shadow:0px 0px 20px #FFF;
}
</style>
<body ontouchstart="">
<a href="#teamdiv">
<div class="boxbutton" id="teambb">
<h5>Team</h5>
</div>
</a>
</body>
Le seguenti modifiche sono non è più rilevante perché ho cancellato i, istruzioni non corrette originali, ma se tu fossi qui prima che questi possono ancora essere utile
EDIT: ho scoperto che funziona più affidabile se, piuttosto che mettere ontouchstart=""
in ogni link, inseriscilo nel tag <body>
. Così il vostro tag body dovrebbe assomigliare a questa <body ontouchstart="">
e il vostro link simile a questa
<a href="#teamdiv">
<div class="boxbutton" id="teambb">
<h5>Team</h5>
</div></a>
EDIT 2: Ho capito che, piuttosto che copiare il CSS e utilizzare le query dimensioni dello schermo per desktop, basta aggiungere `onmouseover = "" anche al tag body, quindi la: pseudo classe attiva verrà richiamata dal mouse sul desktop E toccando sul cellulare. Puoi semplicemente ignorare il vagabondare delle query multimediali se lo fai.
fonte
2012-10-26 03:23:30
sei domanda è in realtà piuttosto vago; non sono sicuro se stai chiedendo * come * farlo in entrambi, o può essere fatto solo nei CSS. Se desideri maggiori informazioni su come ciò può essere fatto in javascript ti preghiamo di aggiornare la tua domanda e posso aggiornare la mia risposta :) – rlemon
* la tua domanda ;-) –
Possibile duplicato di [: pseudo-classe attiva non funziona in mobile safari] (https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari) – JakeGould