style lien ne fonctionne pas

Question

a.mO {color: white; cursor:pointer; margin-left:10px; font-weight:400; font-size:12px; display:block; border-top:1px solid #300;} 

---

a.mO:link { 
color: white; cursor:pointer; margin-left:10px; font-weight:400; font-size:12px; display:block; border-top:1px solid #300; 
} 
a.mO:visited { 
color: white; cursor:pointer; margin-left:10px; font-weight:600; font-size:16px; display:block; border-top:1px solid #300; 
} 

a.mO:hover { 
color: white; cursor:pointer; margin-left:10px; font-weight:900; font-size:12px; display:block; border-top:1px solid #300; 
} 

a.mO:active{ 
color: white; cursor:pointer; margin-left:10px; font-weight:900; font-size:14px; display:block; border-top:2px solid #300; 
} 

---

Le premier code fonctionne. Mais dès que je le remplace par le second, il cesse de fonctionner.

Mon html est:

<div><a class="mO" onclick="loadPage(31);">ABCD Status</a></div> 

Merci pour l'aide ...

Answer 1

Certains d'entre eux ne fonctionnera pas à moins que vous incluez l'attribut href (ce ne sont pas un lien autre sage):

<a class="mO" href="#" onclick="loadPage(31);">ABCD Status</a> 

Vous pouvez également return false; après avoir appelé la fonction, pour empêcher la page de sauter à en haut. Vous pouvez faire onclick="loadPage(31); return false;", ou onclick="return loadPage(31);", et faites-le revenir false.

Answer 2

Essayez de changer votre code à

<div><a class="mO" href="#" onclick="loadPage(31);">ABCD Status</a></div> 

et voir si cela aide tout.