Comment modifier l'apparence d'une “sélection de texte” curseur sur les pages web ou désactiver le curseur changeant alors qu'un texte est sélectionné dans tous les principaux navigateurs?

Je veux éviter que le curseur de la souris à partir de la modification quand je la déplace sur certains textes. Est-ce possible?

Si non, je voudrais changer l'apparence de text-selection curseur - est-il possible avec css /javascript?

OriginalL'auteur Jiří Zmrhal | 2012-12-18

  1. 6

    ...

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

*:active,
*:hover {
  cursor: pointer;
}
    Vous les gens ont besoin d'arrêter la haine sur l'ensemble d'un site parce qu'un autre site vous le dit. Cette page est parfaitement acceptable pour expliquer le curseur de la propriété, beaucoup plus utile que votre plaidoirie en réponse.
    Quoi? Bien sûr, je vais commenter. W3Schools fréquemment publie de l'information inexacte ou trompeuse de contenu. Ne pas les utiliser comme référence. Même les membres du W3C ont demandé W3Schools explicitement refuser toute connexion.
    Au moins de donner un exemple qui est pertinent pour la question au lieu de dire "le Faire avec du CSS..." et vomir le premier exemple de cette page...
    L'idée du site est que les utilisateurs ont effectué des recherches et a tenté quelque chose avant de poser des questions. Ce n'est qu'une indication, et aussi pertinent qu'il l'obtient...
    Merci, mais cela ne fonctionne pas correctement dans google Chrome - le curseur se transforme en curseur:texte lorsque vous souhaitez sélectionner du texte.

    OriginalL'auteur Alex Gill

  2. 4

    Je pense que vous êtes lookings est la propriété css "cursor:default;" - mais cela dépend vraiment de ce qu'est exactement vous êtes à la recherche pour. Exemple avec une étiquette:

    label{
    cursor:default;
}

    En fonction du curseur vous le souhaitez, vous pouvez modifier la valeur de "default" à autre chose.

    Voici une liste de certaines valeurs (Pas tous, mais les plus courantes sont là):
    https://developer.mozilla.org/en-US/docs/CSS/cursor

    Rappelez-vous, vous obtenez des résultats différents selon le navigateur/OS.

    Merci pour la réponse, mais ce n'est pas exactement ce que je recherche. Oui, je PEUX changer le type du curseur si je le déplacer sur un élément, par exemple <p> élément. MAIS, si je commence à la sélection de texte, mon curseur change de toute façon - en Chrome.
    Désolé, je ne pense pas que c'est possible (mal compris votre question à la première), j'ai cherché autour de l'internet(comme vous avez probablement déjà) et n'a rien trouvé de trop. J'ai aussi souvenir d'essayer de faire moi-même avec dissappointment. Ce post en tire la même conclusion stackoverflow.com/questions/8583785/... - Cependant, si le youd trouver une réponse, s'il vous plaît poster 🙂
    Oui, peut-être qu'il n'est pas possible. Mais je pense que si la désactivation du curseur de modification en sélectionnant le texte fonctionne sous IE, il doit travailler en Chrome trop - avec la sélection de texte est activé, bien sûr :).
    Upvoting parce que je cherchais un moyen de faire de la "texte" curseur disparaissent (j'ai eu un texte sur le haut d'une cliquable td élément, et c'était de prendre le chemin). Cela a fonctionné pour moi. Merci, Pierre.

    OriginalL'auteur Peter Rasmussen

  3. 1

    Personne ne se sent comme définissant explicitement le curseur pour chaque élément, même si cela ne demande que de l'ajout d'une classe. C'est beaucoup de travail à la main.

    Il serait plus sage d':

    * {
cursor: inherit;
}

body {
cursor: default;
}

    Cela va désactiver le curseur de sélection d'un élément, mais ne sera pas interférer avec un autre CSS ou des scripts qui modifient le curseur de la propriété de certains éléments.

    Couplé avec user-select: none, c'est le mieux pour bureau-app-comme le comportement.

    OriginalL'auteur Luke