8
votes

HTML, CSS - Curseur - Comment changer d'image par défaut pour le pointeur

Je dois changer l'image par défaut pour le curseur: pointeur avec une image personnalisée.

Pour créer une classe et spécifier la valeur HOVER pour le curseur n'est pas une solution valide car je devrais ajouter cette classe à tous les éléments déjà faits et vous savez ... pas exactement optimal. Également impossible d'ajouter cette classe au corps depuis les enfants avec curseur: le pointeur écraserait-le.

Une idée de comment faire ça?

html css pointers cursor

0 commentaires

6 Réponses :

2
votes

Oui, vous pouvez le faire facilement comme celui-ci

   .anyclass{
    cursor: URL(images/cursorimagefule.gif);
    }

3 commentaires

Pas de vote en bas, mais la question indique explicitement: pour créer une classe et spécifier la valeur de la section de la section du curseur n'est pas une solution valide car je devrais ajouter cette classe à tous les éléments déjà faits.

Pas ce que l'op exige, Voir à Ceci .

Plus un pour la limite de taille!

0
votes

avec curseur code> Les options sont peut être trouvée ici http://www.echoecho.com/csscursors.htm Pour l'image, vous pouvez utiliser
cursor:url(uri)

0 commentaires

7
votes

Vous pouvez créer un curseur personnalisé pour l'élément corporel , qui sera, à moins que substituer par les sélecteurs ultérieurs, servent à servir de valeur par défaut: xxx

5 commentaires

Je n'ai pas besoin du curseur pour regarder d'une manière ou d'une autre. J'ai besoin du curseur pour regarder d'une manière ou d'une autre quand est un pointeur. Cela change le curseur pour être quelque chose. Si le pointeur est toujours la main.

Dans ce cas, je pense que vous allez être bloqué avec la spécification d'une image de curseur particulière pour tous les éléments qui feraient que le curseur soit un pointeur . Donc, A , {/*...*/} `etc.
Cela craint: | Est exactement ce que j'essayais d'échapper. Oui, ce n'est pas idéal, mais je ne suis au courant d'aucun moyen par lequel on pourrait exprimer "le" Code> Pointeur Le curseur doit ressembler à ceci "dans CSS. Et même en JavaScript, je pense que cela devrait essentiellement être fait de la même manière. = / @zozo Dans ce cas, veuillez jeter un coup d'œil à ma réponse pour une solution à l'aide de JavaScript.
3 votes Je dois changer l'image par défaut pour le curseur: pointeur avec une image personnalisée. J'ai mal compris qu'au début, mais après avoir lu Ce commentaire , les choses étaient plus claires. Vous pouvez le faire facilement en utilisant jQuery / javascript. Tout d'abord, voici la version jQuery légèrement simple: xxx version pure javascript: xxx 5 commentaires Ouais. Cela semble être ce dont j'ai besoin. Je n'en semble pas idéal avec JS mais c'est mieux que l'inverse. Une question rapide ... N'est-ce pas un peu dit ... Processeur cher (comme il semble que je dois vérifier cela au déménagement de la souris pour vérifier les navigateurs)? @zozo Nope, vous ne vérifiez pas à MouseMove, vous venez de le faire une fois. Vous recherchez des éléments qui ont un bouton Curseur par défaut et utilisez plutôt votre curseur personnalisé. Oui, mais si s'il y a un pointeur sur la survolte. Ceux ne seront pas trouvés à cette recherche. @zozo ils seront trouvés par cette recherche. Cool alors ... je vais essayer. 0 votes L'utilisation de la propriété "curseur" est identique à celle de tout bien CSS- simplement l'appliquer à l'élément souhaité: <style type="text/css"> body{ cursor: url(mycursor.cur) } </style> 0 commentaires 1 votes Aucune de ces personnes n'a travaillé pour moi. Je devais utiliser cette syntaxe légèrement différente. Remarquez l'URL 'URL MOYLCSE, les citations autour du chemin et l'ajout de! Important. En outre, n'importe quelle taille fonctionne. body { cursor: url("mouseSm.png"), auto !important; } 0 commentaires

Articles qui pourrait vous intéresser : Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO Select2 ne s'affiche pas correctement dans le mode bootstrap Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police? Comment puis-je définir un format pour les nombres d'entrée dans Blazor