2012-01-21 218 views
42

Quisiera quitar el cursor de mano que aparece cuando pasa el mouse sobre un hipervínculo.¿Es posible quitar el cursor de mano que aparece al pasar el ratón sobre un enlace? (o manténgala configurada como el puntero normal)

He intentado esto css:

a.link { 
    cursor: pointer; 
} 

Y esto:

a.link { 
    cursor: pointer !important; 
} 

Y aún así, cambia a la mano cuando se ciernen sobre el enlace.

¿Alguien tiene alguna idea de por qué sucede esto o una solución que me permita lograr este efecto?

+0

por lo que se anclan decorado con una clase css 'link'? – leppie

+1

necesitas usar la [: hover] (http://w3schools.com/cssref/sel_hover.asp) pseudo clase – yoavmatchulsky

Respuesta

110

Eso es exactamente lo que se supone que debe hacer cursor: pointer;.

Si desea que el cursor permanezca normal, usted debe utilizar cursor: default

+0

Gracias, resolvió el problema para mí. Supongo que fue por mi interperation de puntero. ¿Tiene alguna idea de qué tipo de soporte de navegador tiene esto? Estoy tratando de ocultar un enlace a mi sección de back-end, así que me gustaría que esto aparezca de esta manera siempre ... –

+3

Tiene soporte completo para el navegador: [debes buscar más en google] (http://www.quirksmode.org /css/cursor.html) – bevacqua

10

Usando utilización estilo en línea <a href="your link here" style="cursor:default">your content here</a>. Consulte esto example

Como alternativa, use css. Vea esto example.

Esta solución es compatible con varios navegadores.

-1
<button> 
    <a href="https://accounts.google.com/ServiceLogin?continue=http%3A%2F%2Fmail.google.com%2Fmail%2F%3Fpc%3Den-ha-apac-in-bk-refresh14&service=mail&dsh=-3966619600017513905" 
    style="cursor:default">sign in</a> 
</button> 
1

probar este

quitar el cursor de mano

a.link { 
    cursor: default; 
} 
Cuestiones relacionadas