wake-up-neo.net

So stellen Sie den Cursor-Stil auf Zeiger für Links ohne hrefs ein

Ich habe viel von <a> html-Tags ohne das href -Attribut zum Tätigen von onclick Javascript-Aufrufen. Diese Links haben keinen Zeiger-Cursor-Stil. Sie haben Textstil-Cursor.

Wie kann ich den Cursor-Stil so einstellen, dass er auf Links zeigt, ohne das href -Attribut zu verwenden?

Ich weiß, dass ich href = "#" hinzufügen kann. Ich habe dies an vielen Stellen im HTML-Dokument und möchte wissen, wie man Cursor-Stil-Zeiger für Links macht, ohne das href -Attribut zu verwenden.

124
kevin

fügen Sie dies in Ihre CSS-Datei ein ....

a:hover {
 cursor:pointer;
}

wenn Sie keine CSS-Datei haben, fügen Sie diese zu HEAD Ihrer HTML-Seite hinzu

<style type="text/css">
 a:hover {
  cursor:pointer;
 }
</style>

sie können auch das Attribut href = "" verwenden, indem Sie am Ende Ihres Javascript false zurückgeben.

<a href="" onclick="doSomething(); return false;">a link</a>

das ist aus vielen Gründen gut. SEO oder wenn die Leute kein Javascript haben, funktioniert das href = "". z.B.

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>

@see http://www.alistapart.com/articles/behavioralseparation

Edit: Bemerkenswert bei BalusC Antwort wo er :hover Erwähnt, ist für den Anwendungsfall des OP nicht erforderlich. Obwohl andere Stile mit dem Selektor :hover Hinzugefügt werden können.

200
Ross

Fügen Sie dies einfach zu Ihrem globalen CSS-Stil hinzu:

a { cursor: pointer; }

Auf diese Weise sind Sie nicht mehr vom Standard-Cursor-Stil des Browsers abhängig.

14
BalusC

style = "cursor: pointer;"

6
mxmissile

So verwandeln Sie den Cursor von einem Pfeil in eine Hand, wenn Sie mit der Maus über ein bestimmtes object (myObject) fahren.

myObject.style.cursor = 'pointer';
5
Lou

Geben Sie allen eine gemeinsame Klasse (zum Beispiel link). Dann fügen Sie in der CSS-Datei hinzu:

.link { cursor: pointer; }

Oder, wie von @mxmissile vorgeschlagen, mit style = "cursor: pointer;"

4
Alxandr

erstellen Sie eine Klasse mit dem folgenden CSS und fügen Sie sie mit onclick-Ereignissen zu Ihren Tags hinzu:

cursor:pointer;
3
Dan

Verwenden Sie CSS cursor: pointer wenn ich mich richtig erinnere.

Entweder in Ihrer CSS-Datei:

.link_cursor
{
    cursor: pointer;
}

Fügen Sie dann einfach den folgenden HTML-Code zu den Elementen hinzu, für die Sie den Link-Cursor haben möchten: class="link_cursor" (die bevorzugte Methode.)

Oder verwenden Sie Inline-CSS:

<a style="cursor: pointer;">
2
Andy Shellam