схема стиля ссылок, не работающая

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

Первые работы кода. Но как только я заменяю его вторым, это прекращает работать.

Мой HTML:

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

Спасибо за справку...

1
задан Anupam 9 July 2010 в 05:12
поделиться

2 ответа

Некоторые из них не будут работать, если вы не включите атрибут href (иначе это не будет ссылкой):

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

Вы также можете захотеть return false; после вызова функции, чтобы предотвратить переход страницы на верхнюю строку. Вы можете либо сделать onclick="loadPage(31); return false;", либо onclick="return loadPage(31);", и чтобы она возвращала false.

1
ответ дан 2 September 2019 в 23:11
поделиться

Попробуйте изменить ваш код на

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

и посмотрите, поможет ли это.

1
ответ дан 2 September 2019 в 23:11
поделиться