2017-06-13 3 views
-1

Ich möchte einen benutzerdefinierten Cursor machen, ich habe eine CSS-Klasse, die genau das ist, was ich auf meinem Cursor setzen möchte, aber ich finde keine Möglichkeit, diese Klasse auf meinen Cursor setzen, Ich bin mir nicht sicher, ob das überhaupt möglich ist, weiß jemand, wie ich das machen kann?Attatch eine CSS-Klasse zu meinem Cursor

das ist meine CSS-Klasse.

.myicon{ 
    width: 0; 
    height: 0; 
    border-top: 4px solid transparent; 
    border-left: 8px solid red; 
    border-bottom: 4px solid transparent; 
    right:100%; 
    top:-5%; 
    position: absolute; 
    clear: both; 
    content:''; 
} 

ist da sowieso ich kann meinen Cursor ändern, um diese Klasse zu haben?

+0

und die Dokumentation übergeben helfen, nicht wahr? https://developer.mozilla.org/de/docs/Web/CSS/cursor – arkascha

+0

Einem Cursor eine absolute Position zuweisen - wie soll das funktionieren? – arkascha

+0

Ich bin nicht ganz mit den neuesten CSS-Funktionen auf dem neuesten Stand, daher kann ich mich irren, aber ich habe noch nie von der Möglichkeit gehört, den Mauszeiger durch ein DOM-Element ersetzen zu lassen. –

Antwort

2

können Sie url von PNG-Bild

.module { 
    cursor: url('path-to-image.png'), auto; 
} 
+0

Ich versuchte dies, aber aus irgendeinem Grund tut es nicht erkennen Sie den Kurs - Fehler 404, so fragte ich mich, ob es eine Möglichkeit gibt, nur eine css-Klasse –

+0

tatsächlichen Pfad dieses Bildes anstelle des relativen Pfades –

+0

bieten Danke, das hat jetzt funktioniert! –