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

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

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

7 108
javascript html css hyperlink cursor

7 ответов:

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

a:hover {
 cursor:pointer;
}

если у вас нет css-файла, добавьте его в начало своей 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 не требуется для варианта использования OP. Хотя другой стиль можно добавить с помощью тега :hover селектор.

175

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

a { cursor: pointer; }

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

14

style= " cursor: pointer;"

6

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

.link { cursor: pointer; }

или, как предложил @mxmissile, сделайте это в строке style= " cursor: pointer;"

4

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

myObject.style.cursor = 'pointer';
4

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

cursor:pointer;
3

использовать CSS cursor: pointer Если я правильно помню.

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

.link_cursor
{
    cursor: pointer;
}

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

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

<a style="cursor: pointer;">
2