Ist es möglich, den Handcursor zu entfernen, der angezeigt wird, wenn Sie mit der Maus über einen Link fahren? (oder lassen Sie es als normalen Zeiger gesetzt)

73

Ich möchte den Handcursor entfernen, der angezeigt wird, wenn Sie mit der Maus über einen Hyperlink fahren.

Ich habe dieses CSS ausprobiert:

a.link {
    cursor: pointer;
}

Und das:

a.link {
    cursor: pointer !important;
}

Und trotzdem ändert es sich in der Hand, wenn ich über den Link schwebe.

Hat jemand eine Idee, warum dies passiert, oder eine Lösung, die es mir ermöglicht, diesen Effekt zu erzielen?

Craig van Tonder
quelle
Ist Ihr Anker also mit einer 'Link'-CSS-Klasse dekoriert?
Leppie
1
Sie müssen die : Hover Pseudo-Klasse verwenden
Yoavmatchulsky

Antworten:

155

Genau das cursor: pointer;soll tun.

Wenn der Cursor normal bleiben soll, sollten Sie verwenden cursor: default

bevacqua
quelle
Danke, habe das Problem für mich gelöst. Ich denke, es lag an meiner Interferation des Zeigers. Haben Sie eine Idee, welche Art von Browserunterstützung dies hat? Ich versuche, einen Link zu meinem Back-End-Bereich zu verbergen, daher möchte ich, dass dieser immer auf diese Weise
Craig van Tonder
4
Es hat vollständige Browser-Unterstützung: Sie sollten mehr googeln
bevacqua
14

Verwenden Sie Inline-Styling <a href="your link here" style="cursor:default">your content here</a>. Siehe dieses Beispiel

Alternativ können Sie auch CSS verwenden. Siehe dieses Beispiel .

Diese Lösung ist browserübergreifend kompatibel.

Jack the Ripper
quelle
4

Versuche dies

Handcursor entfernen

a.link {
    cursor: default;
}
Anil Kumar Reddy
quelle
3
<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>
jagadisch
quelle
0
<style>
a{
cursor: default;
}
</style>

Im obigen Code wird [ Cursor: Standard ] verwendet. Standard ist der übliche Pfeilcursor, der angezeigt wird.

Und wenn Sie [ Cursor: Zeiger ] verwenden, können Sie auf den handähnlichen Cursor zugreifen, der angezeigt wird, wenn Sie mit der Maus über einen Link fahren.

Um mehr über Cursor und deren Erscheinungsbild zu erfahren, klicken Sie auf den folgenden Link: https://www.w3schools.com/cssref/pr_class_cursor.asp

Code Carbonat
quelle