como definir o estilo do cursor como ponteiro para links sem hrefs

Eu tenho muitas <a>tags html sem o hrefatributo para fazer onclickchamadas javascript. Esses links não têm um estilo de cursor para ponteiro. Eles têm cursor de estilo de texto.

Como posso definir o estilo do cursor como ponteiro para links sem usar o hrefatributo?

Eu sei que posso adicionar href = "#". Eu tenho isso em muitos lugares no documento html e gostaria de saber como fazer um ponteiro no estilo do cursor para links sem usar o hrefatributo

no seu arquivo css adicione isso ....

a:hover {
 cursor:pointer;
}

se você não possui um arquivo css, adicione-o ao HEAD da sua página HTML

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

você também pode usar o atributo href = "" retornando false no final do seu javascript.

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

isso é bom por vários motivos. SEO ou se as pessoas não tiverem javascript, o href = "" funcionará. por exemplo

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

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

Edit: Vale notar a resposta de @ BalusC, onde ele menciona, :hovernão é necessário para o caso de uso do OP. Embora outro estilo possa ser adicionado com o :hoverseletor.

Basta adicionar isso ao seu estilo CSS global:

a { cursor: pointer; }

Dessa forma, você não depende mais do estilo de cursor padrão do navegador.

style = "cursor: ponteiro;"

É assim que muda o cursor de uma seta para uma mão quando você passa o mouse sobre um dado object(myObject).

myObject.style.cursor = 'pointer';

Dê a todos uma classe comum (por exemplo, link). Em seguida, adicione o arquivo css:

.link { cursor: pointer; }

Ou como o @mxmissile sugeriu, faça-o alinhado com style = "cursor: ponteiro;"

crie uma classe com o seguinte CSS e adicione-o às suas tags com eventos onclick:

cursor:pointer;

Use CSS cursor: pointerse bem me lembro.

No seu arquivo CSS:

.link_cursor
{
    cursor: pointer;
}

Em seguida, basta adicionar o seguinte HTML a qualquer elemento que você deseja que tenha o cursor do link: class="link_cursor"(o método preferido.)

Ou use CSS embutido:

<a style="cursor: pointer;">

Versão angular:

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

Isso funcionou para mim:

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