Как установить стиль курсора на указатель для ссылок без ссылок

Question

У меня много тегов <a> html без атрибута href для выполнения вызовов onclick javascript.Эти ссылки не имеют стиль указателя курсора.У них есть курсор в стиле текста.

Как установить стиль курсора для указателя для ссылок без использования атрибута href?

Я знаю, что могу добавить href = "#".Я имею это во многих местах в документе HTML, и хотел бы знать, как сделать указатель стиля курсора для ссылок без использования атрибута href.

Answer 1

в вашем css файле добавьте это ....

a:hover {
 cursor:pointer;
}

если у вас нет файла css, добавьте его в HEAD вашей HTML-страницы

<style type="text/css">
 a:hover {
  cursor:pointer;
 }
</style>

также вы можете использовать атрибут href = "", возвращая false в конце вашего JavaScript.

<a href="" onclick="doSomething(); return false;">a link</a>

это хорошо по многим причинам. SEO или если у людей нет javascript, href = "" будет работать. например,

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>

@ см. http://www.alistapart.com/articles/behavioralseparation

Редактировать: Стоит отметить, что @ BalusC ответ , где он упоминает :hover, не является необходимым для варианта использования ОП. Хотя другой стиль можно добавить с помощью селектора :hover.

Answer 2

Просто добавьте это в свой глобальный стиль CSS:

a { cursor: pointer; }

Таким образом, вы больше не зависите от стиля курсора по умолчанию в браузере.

Answer 3

style = "курсор: указатель;"

Answer 4

Это то, как изменить курсор с стрелки на руку, когда вы наводите курсор мыши над данным object (myObject).

myObject.style.cursor = 'pointer';

Answer 5

Дайте им всем общий класс (например, ссылку). Затем добавьте в css-файл:

.link { cursor: pointer; }

Или, как подсказывает @mxmissile, сделать это встроенным в style = "cursor: pointer;"

Answer 6

создайте класс со следующим CSS и добавьте его в свои теги с событиями onclick:

cursor:pointer;

Answer 7

Используйте CSS cursor: pointer, если я правильно помню.

Либо в вашем файле CSS:

.link_cursor
{
    cursor: pointer;
}

Затем просто добавьте следующий HTML-код к любым элементам, для которых вы хотите иметь курсор ссылки: class="link_cursor" (предпочтительный метод).

Или используйте встроенный CSS:

<a style="cursor: pointer;">