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

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

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

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

Ответ 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>

@see http://www.alistapart.com/articles/behavioralseparation

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

Ответ 2

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

a { cursor: pointer; }

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

Ответ 3

style = "cursor: pointer;"

Ответ 4

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

.link { cursor: pointer; }

Или, как предложил @mxmissile, сделайте это inline с помощью стиля = "cursor: pointer;"

Ответ 5

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

myObject.style.cursor = 'pointer';

Ответ 6

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

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

.link_cursor
{
    cursor: pointer;
}

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

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

<a style="cursor: pointer;">

Ответ 7

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

cursor:pointer;