Wie ändern Sie das Aussehen der "text-Auswahl" - Cursors auf Webseiten oder deaktivieren Sie cursor ändern, während ein text aktiviert ist in allen gängigen Browsern?

Möchte ich verhindern, dass die Maus-cursor ändern, wenn ich mich bewege es über den text. Ist das möglich?

Wenn nicht, würde ich das gerne ändern das Aussehen von text-selection cursor - ist es möglich mit css /javascript?

InformationsquelleAutor Jiří Zmrhal | 2012-12-18
  1. 6

    Versuchen, diese...

    * {
  -webkit-user-select: none;
}

*:active,
*:hover {
  cursor: pointer;
}
    • Sie müssen die Leute aufhören zu hassen, für eine ganze Seite weil anderen Seite erzählt Sie. Die Seite ist durchaus akzeptabel für die Erklärung über die cursor-Eigenschaft, viel nützlicher als Ihre moot Antwort.
    • Was? Natürlich werde ich kommentieren. W3Schools Häufig veröffentlicht unrichtige oder irreführende Inhalte. Verwenden Sie Sie nicht als Referenz. Auch Mitglieder des W3C, fragte W3Schools explizit desavouieren jede Verbindung.
    • Mindestens ein Beispiel geben, das relevant ist für die Frage, statt nur zu sagen "Mach es mit CSS..." und kotzen auf dem ersten Beispiel auf dieser Seite...
    • Die Idee der Website ist, dass der Benutzer einige der Forschung getan und versucht etwas vor, Fragen zu stellen. Dies ist lediglich ein Hinweis und so relevant wie Sie es bekommt...
    • Danke, aber das funktioniert nicht in Chrome - die cursor cursor:text, wenn Sie wollen, wählen Sie etwas text ein.
    • Haben Sie versucht,... body { cursor: default }
    • Natürlich habe ich versucht, vielleicht schlechte Erklärung. In Chrome, wenn Sie beginnen, um text zu markieren, oder klicken Sie einfach auf und ziehen Sie mit der Maus, den cursor-automaticcaly änderungen zu "text-Auswahl" - Cursors. Wie kann man das verhindern?
    • Oh, ich sehe, siehe Antwort...
    • Danke, aber das funktioniert nicht für mich. Der cursor ist immer noch verändern..
    • In Ordnung, versuchen Sie dieses...
    • Sie konnte lassen aus dem * in Ihrem jüngsten Beispiele.
    • Ich brauche, um Benutzer zur Auswahl, ich nur don ' T wollen, um den cursor zu ändern - ist das möglich, ohne deaktivieren der Benutzer-Auswahl?
    • Es scheint, Sie können nicht, auch wenn ein Bild für den cursor nicht arbeiten cursor: url(mail.google.com/mail/images/2/openhand.cur), Zeiger !wichtig;

    InformationsquelleAutor Alex Gill
  2. 4

    Ich denke, Sie sind lookings für die css-Eigenschaft "cursor:default;" - aber das hängt wirklich davon ab, was Sie genau suchen. Beispiel mit einem label:

    label{
    cursor:default;
}

    Abhängig von der cursor an Sie möchten, können Sie ändern Sie den Wert von "default" um etwas anderes.

    Hier ist eine Liste der einige Werte (Nicht alle, aber die häufigsten sind es):
    https://developer.mozilla.org/en-US/docs/CSS/cursor

    Denken Sie daran, erhalten Sie unterschiedliche Ergebnisse je nach browser/OS.

    • Danke für die Antwort, aber das ist nicht genau das, was ich Suche. Ja, ich KANN das ändern, eine Art cursor, wenn ich mich bewege es über einige Elemente, zum Beispiel <p> - element. ABER, wenn ich starten, um text auszuwählen, wird mein cursor verändert sich sowieso in Chrome.
    • Sorry, ich glaube nicht, dass es möglich ist, (falsch verstanden, deine Frage auf den ersten), den ich gesucht habe, um das internet(wie Sie wahrscheinlich schon haben) und fand auch nichts. Ich auch erinnern, versuchen, diese selbst zu tun, mit dissappointment. Dieser Beitrag zieht die gleiche Schlussfolgerung stackoverflow.com/questions/8583785/... - Allerdings, wenn man eine Antwort finden, bitte posten 🙂
    • Ja, vielleicht ist es nicht möglich. Aber ich denke, wenn die Deaktivierung des cursor ändern beim markieren von text funktioniert im IE, muss es funktionieren, in Chrome - mit-text-Auswahl " aktiviert, natürlich :).
    • Upvoting da ich auf der Suche nach einem Weg, um die "text" - cursor verschwinden (ich hatte den text auf der Spitze eines anklickbaren td-element, und es war immer im Weg). Dieser arbeitete für mich. Vielen Dank, Peter.
    InformationsquelleAutor Peter Rasmussen
  3. 1

    Niemand fühlt sich an wie das explizite setzen Sie den cursor für jedes element, auch wenn das nur beinhaltet das hinzufügen einer Klasse. Das ist eine Menge hand-Arbeit.

    Wäre es klüger zu:

    * {
cursor: inherit;
}

body {
cursor: default;
}

    Dies wird deaktivieren Sie die text-Auswahl-cursor für jedes element, aber wird nicht stören andere CSS oder Skripte, ändern sich die cursor-Eigenschaft für bestimmte Elemente.

    • Gepaart mit user-select: none, es ist am besten für desktop-app-like Verhalten.
    InformationsquelleAutor Luke
Schreibe einen Kommentar