Wie ändere ich das Cursor-Bild global

Ich habe viele Tutorials zu diesem Thema mit der Eigenschaft "cursor:" von CSS gesehen. Dies ist jedoch hauptsächlich für Cursor, die über etwas angezeigt werden. Ich muss den Cursor überall auf der Website ändern. Ich nehme an, dass dies Javascript verwendet, aber ich weiß kein Javascript, also brauche ich etwas Hilfe.Wie ändere ich das Cursor-Bild global

Ja, Ich bin mir bewusst, dass dies in der Regel eine schlechte Designwahl ist, weshalb die Website, für die ich das mache, ein Witz ist. Es soll eine Nachbildung aller 90er Jahre sein.

Nur um es klarer zu machen, was ich will, here ist die Liste der Bilder, die ich mit der Website verwenden möchte. Ich frage mich, wie man den Cursor universell ändern kann, nicht nur auf bestimmte Elemente.

Quelle

2017-10-28 GapajYT

einfach die Eigenschaft CSS Cursor ändern für den HTML-Code oder Body-Tag

html { 
    cursor: url("hyper.cur"), auto; 
}

Quelle

2017-10-28 03:01:17 user184994

Ich muss das Bild des Cursors ändern, nicht die der aktuelle Cursor wird verwendet. – GapajYT

Es gibt eine URL-Option, mit der Sie eine URL für den Cursor angeben können, den Sie verwenden möchten. Weitere Informationen finden Sie unter https://developer.mozilla.org/en-US/docs/Web/CSS/cursor und https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property – user184994

das Sie versuchen könnte helfen

<html> 
 
<span style="cursor:auto">auto</span><br> 
 
<span style="cursor:crosshair">cross-hair</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: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: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: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> 
 

 
</html>

Quelle

2017-10-28 03:18:06

Wie ändere ich das Cursor-Bild global

Antwort

Verwandte Themen