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?

css hyperlink cursor

— 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

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