2012-01-21 8 views
42

Vorrei rimuovere il cursore della mano che appare quando si passa il mouse su un collegamento ipertestuale.È possibile rimuovere il cursore a mano che appare quando si passa con il mouse su un collegamento? (o mantenerlo impostato come puntatore normale)

Ho provato questo css:

a.link { 
    cursor: pointer; 
} 

E questo:

a.link { 
    cursor: pointer !important; 
} 

Ed ancora si trasforma in mano quando mi passa il mouse sopra il link.

Qualcuno ha qualche idea sul perché questo accada o una soluzione che mi consenta di ottenere questo effetto?

+0

così è si ancora decorato con un 'link' classe CSS? – leppie

+1

è necessario utilizzare la pseudo classe [: hover] (http://w3schools.com/cssref/sel_hover.asp) – yoavmatchulsky

risposta

110

Questo è esattamente ciò che deve fare cursor: pointer;.

Se si desidera che il cursore rimangono normali, si dovrebbe utilizzare cursor: default

+0

Grazie, ho risolto il problema per me. Immagino che fosse dovuto all'interoperazione del puntatore. Hai idea di che tipo di supporto del browser ha questo? Sto cercando di nascondere un collegamento alla mia sezione back-end, quindi vorrei che questo apparisse in questo modo sempre ... –

+3

Ha il supporto completo del browser: [si dovrebbe google di più] (http://www.quirksmode.org /css/cursor.html) – bevacqua

10

Utilizzando uso styling in linea <a href="your link here" style="cursor:default">your content here</a>. Vedere questo example

In alternativa utilizzare css. Vedi questo example.

Questa soluzione è compatibile con browser diversi.

-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

Prova questa

rimuovere il cursore mano

a.link { 
    cursor: default; 
} 
Problemi correlati