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

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

Як я можу встановити стиль курсору на вказівник на посилання без використання hrefатрибута?

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

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

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

a { cursor: pointer; }

Таким чином, ви більше не залежаєте від стилю курсора за замовчуванням у веб-переглядачі.

style = "курсор: вказівник;"

Ось як змінити курсор зі стрілки на руку, коли наведіть курсор на дану object(myObject).

myObject.style.cursor = 'pointer';

Дайте їм усім загальний клас (наприклад, посилання). Потім додайте в css-файл:

.link { cursor: pointer; }

Або як запропонував @mxmissle, зробіть це в рядку з style = "cursor: pointer;"

створіть клас із наступним CSS та додайте його до своїх тегів із подіями onclick:

cursor:pointer;

Використовуйте CSS, cursor: pointerякщо я правильно пам'ятаю.

У файлі CSS:

.link_cursor
{
    cursor: pointer;
}

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

Або використовувати вбудований CSS:

<a style="cursor: pointer;">

Кутова версія:

<a (click)="action(); $event.preventDefault()" href="#">Action</a>

Це працювало для мене:

<a onClick={this.openPopupbox} style={{cursor: 'pointer'}}>