2017-09-24 2 views
0

Donc, je me demande comment je peux placer le curseur comme un pointeur via l'attribut d'élément HTML style. Fondamentalement, comment voulez-vous changer l'attribut style pour faire quelque chose sur survolé et puis avoir ce soit cursor: pointer; plutôt que d'être dans un fichier CSS réel (interne/externe).Comment définir le curseur en tant que pointeur via l'attribut HTML

+0

Vous définissez comme vous le feriez pour tout autre propriété avec l'attribut de style? Qu'est-ce qui vous fait penser que ce serait différent avec la propriété cursor? – BoltClock

+0

@BoltClock Je pensais que vous auriez besoin d'avoir un ': hover' de toutes sortes. – CyanCoding

+0

Ah, je dois admettre qu'il n'y a pas de réponse claire à savoir si le: hover fait une différence - ce qui a été demandé plusieurs fois maintenant, sans réponse claire (autre que le support IE6). Au moins, dans la grande majorité des cas d'utilisation, cela ne semble pas faire la différence, alors vous n'avez probablement pas à vous en soucier. (Dans le cas où vous auriez besoin de spécifier une pseudo-classe, [vous auriez pas de chance] (https://stackoverflow.com/questions/5293280/css-pseudo-classes-with-inline-styles).) – BoltClock

Répondre

0

Voici la syntaxe et quelques exemples de formes de pointeur que vous pouvez spécifier:

<span style="cursor:auto">auto</span><br> 
<span style="cursor:crosshair">crosshair</span><br> 
<span style="cursor:default">default</span><br> 
<span style="cursor:e-resize">e-resize</span><br> 
<span style="cursor:grab">grab</span><br> 
<span style="cursor:help">help</span><br> 
<span style="cursor:move">move</span><br> 
<span style="cursor:n-resize">n-resize</span><br> 
<span style="cursor:ne-resize">ne-resize</span><br> 
<span style="cursor:nw-resize">nw-resize</span><br> 
<span style="cursor:pointer">pointer</span><br> 
<span style="cursor:progress">progress</span><br> 
<span style="cursor:s-resize">s-resize</span><br> 
<span style="cursor:se-resize">se-resize</span><br> 
<span style="cursor:sw-resize">sw-resize</span><br> 
<span style="cursor:text">text</span><br> 
<span style="cursor:w-resize">w-resize</span><br> 
<span style="cursor:wait">wait</span><br> 
<span style="cursor:not-allowed">not-allowed</span><br> 
<span style="cursor:no-drop">no-drop</span><br>