Verhindern highlighter cursor in CSS?

Ich bin mit <a> um den text, der angeklickt werden kann und verwendet für jQuery. Ich hab schon das CSS, um es un-highlightable:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;

Aber es noch änderungen an der cursor die Form einer serifed "ich", wenn er schwebte, wie ein text in der Regel nicht. Gibt es eine Möglichkeit, um dies zu verhindern, und am besten ändern Sie ihn auf die "hand" - cursor links führen normalerweise zu? Das einzige, woran ich dachte, war, dass ein unsichtbares div-Element auf der Oberseite, aber das würde Sie unklickbaren, und es würde immer die normalen Zeiger.

  • Die links haben eine href - Attribut?
  • Nein, ich verwende die jQuery - click
  • Wenn Sie hinzufügen ein href, die nichts tut (zum Beispiel href="#") Sie sollten sehen, die normalen Zeiger.
  • Ich vermeide gern die # am Ende meiner URL, wenn möglich, nur sieht unsauber auf mich. cursor im CSS scheint zu funktionieren.
InformationsquelleAutor tkbx | 2013-03-09
  1. 21

    Benutzen Sie einfach die cursor-Eigenschaft auf hover. 

    a:hover {
    cursor: pointer;
}

    Sehen Sie die verfügbaren cursor-Werte hier.

    Beispiel http://jsfiddle.net/8nyEE/

    <a class="hand">link with hand cursor</a>

<br/><br/>

<a class="nohand">link with default cursor</a>

a {color: blue;}

.hand:hover {
   cursor: pointer;
}

.nohand:hover {
   cursor: default;
}
    • Perfekt, ich würde verwenden cursor: hand in diesem Fall.
    InformationsquelleAutor ktm5124
  2. -1

    Legen Sie die <a> tag zu <a href="">

    Als JJJ sagte in einem Kommentar über die href="#" hier arbeiten würde, aber fügen Sie die # an die url an. Statt Einstellung "href" zu "" wäre eine alternative, den link senden, wo keine und das entfernen der I-cursor-Reaktion

    Bearbeiten:
    Dieser lädt die Seite und können Fehler verursachen. Entschuldigungen für das nicht-Lesen Sie weiter in der Ausgabe. Einstellung cursor: hand; auf alle Kinder der <a> - tag mit dem text sollte den trick tun

    InformationsquelleAutor Daniel Dusharm
Schreibe einen Kommentar