javascript - link - cursor pointer bootstrap

cómo establecer el estilo del cursor al puntero para enlaces sin hrefs

Question

Tengo muchas etiquetas <a> html sin el atributo href para realizar llamadas onclick javascript. Estos enlaces no tienen un estilo de puntero de cursor. Tienen cursor de estilo de texto.

¿Cómo puedo configurar el estilo del cursor como puntero para enlaces sin usar el atributo href ?

Sé que puedo agregar href = "#". Tengo esto en muchos lugares en el documento html, y me gustaría saber cómo hacer un puntero de estilo de cursor para enlaces sin usar el atributo href .

Answer 1

style = "cursor: puntero;"

Answer 2

Así es como cambia el cursor de una flecha a una mano cuando pasa el mouse sobre un object dado (myObject).

myObject.style.cursor = ''pointer'';

Answer 3

Darles a todos una clase común (por ejemplo, enlace). A continuación, agregue en css-file:

.link { cursor: pointer; }

O como lo sugirió @mxmissile, hágalo en línea con style = "cursor: puntero;"

Answer 4

Solo agregue esto a su estilo CSS global:

a { cursor: pointer; }

De esta forma ya no dependes del estilo de cursor predeterminado del navegador.

Answer 5

Use el cursor: pointer CSS cursor: pointer si recuerdo correctamente.

Ya sea en tu archivo CSS:

.link_cursor
{
    cursor: pointer;
}

A continuación, solo agregue el siguiente código HTML a los elementos que desee que tengan el cursor del enlace: class="link_cursor" (el método preferido).

O use CSS en línea:

<a style="cursor: pointer;">

Answer 6

crea una clase con el siguiente CSS y agrégala a tus etiquetas con eventos onclick:

cursor:pointer;

Answer 7

en tu archivo css agrega esto ....

a:hover {
 cursor:pointer;
}

si no tiene un archivo css, agréguelo al HEAD de su página HTML

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

también puede usar el atributo href = "" al devolver false al final de su javascript.

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

esto es bueno por muchas razones. SEO o si las personas no tienen javascript, href = "" funcionará. p.ej

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

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

Editar: Vale la pena señalar la answer de @BalusC, donde menciona :hover estacionario no es necesario para el caso de uso del OP. Aunque se puede agregar otro estilo con el :hover selector de :hover .