Während der Mauszeiger über ein Label bewegt wird, ändert sich der Mauszeiger in die Hand

7

Wenn ich über eine HTML-Beschriftung schwebe, ändert sich der Mauszeiger in ein Handbild, das wir normalerweise beim Klicken auf einen Link erhalten. Wie kann ich das vermeiden?

    
saurabh ranu 24.08.2011, 14:15
quelle

2 Antworten

21

Der Grund, warum Sie in einigen Browsern einen Handcursor erhalten könnten, ist, dass eines der Hauptziele eines label -Elements in den meisten Browser darin besteht, eine anklickbare Beschreibung für ein Formulareingabeelement bereitzustellen. Dies ist beispielsweise eine typische Verwendung des Elements <label> :

%Vor%

In den meisten Browsern führt dies dazu, dass der Text "Ich stimme diesen Bedingungen zu" anklickbar ist. Wenn Sie auf den Text klicken, wird das Kontrollkästchen mit der ID TermAgreement aktiviert, so als hätten Sie auf das Kontrollkästchen selbst geklickt.

(Hinweis: Die W3C-Spezifikation für <label> in HTML 5 erfordert dieses Verhalten nicht, aber es heißt, dass die Browser-Implementierung von <label> "mit dem Label-Verhalten der Plattform übereinstimmen sollte. In der Praxis bedeutet dies, dass <label> Elemente anklickbar sind."

Im Wesentlichen verhält sich der Cursor so, als wäre <label> eine Verknüpfung, weil eine Verknüpfung einer Art ist. Wenn Sie es anders verwenden, sollten Sie stattdessen ein anderes HTML-Element verwenden.

Ob ein bestimmter Benutzer einen Handcursor sieht, wenn er sich über ein Label bewegt, hängt vom Betriebssystem und vom Browser ab. Chrome und Firefox zeigen dieses Verhalten unter Windows XP nicht für andere Betriebssysteme an. Es ist auch möglich, dass Sie eine CSS-Datei enthalten, die speziell für dieses Verhalten aufruft. Es würde eine Regel in Ihrem CSS geben, die ungefähr so ​​aussieht:

%Vor%

Wenn Sie das Standardverhalten des Elements überschreiben möchten, können Sie cursor: default; in Ihrem CSS verwenden, wie @rickyduck sagte. Sie können hier Informationen zur CSS-Cursor-Eigenschaft finden . Beachten Sie, dass das Ändern des Cursors nicht unbedingt bedeutet, dass das Element nicht auf das Klicken reagiert.

Wenn Ihr Problem dadurch nicht gelöst wird, teilen Sie uns bitte weitere Informationen mit. Beispielcode, die URL der Seite, auf der das Verhalten angezeigt wird, sowie der von Ihnen verwendete Browser sind ebenfalls gut zu wissen.

    
Joshua Carmody 24.08.2011, 14:31
quelle
15

<label style="cursor:default">Text<label>

    
rickyduck 24.08.2011 14:18
quelle

Tags und Links