Detaillierte Erläuterung des CSS-Cursor-URL-Verwendungsformats

CSS-Cursor-URL-Verwendungsformat: css:{cursor:url('icon path'),auto;} //IE-, FF- und Chrome-Browser können

Beispielcode: html{cursor: url (" http://ued.taobao.com/blog/wp-content/themes/taobaoued/images/cursor.ico"),auto;}

Analyse: Die vorherige URL ist der benutzerdefinierte Maussymbolpfad Der zweite Parameter auto ist der Standard-CSS-Cursorstil, der durch andere Attribute (z. B. Zeiger/Standard usw.) ersetzt werden kann!
(Hinweis: w3school empfiehlt, dass der zweite Parameter einen gemeinsamen Cursor definieren muss, falls der durch die URL definierte verfügbare Cursor zu einem Backup wird! Darüber hinaus kann der zweite Parameter im IE weggelassen werden)

Um das Mausanzeigesymbol anzupassen, müssen Sie auf die folgenden Punkte achten

Symbolformat:

IE unterstützt die Formate cur, ani, ico, FF unterstützt bmp, gif Die Formate jpg, cur und ico unterstützen weder das ani-Format noch das gif-Animationsformat. Daher ist es im Allgemeinen besser, das durch die URL referenzierte Bild im ico- oder cur-Format zu speichern.

Symbolgröße:

Die empfohlene Größe des Mausbildes beträgt 32*32, andernfalls kann es zu inkonsistenten Symbolgrößen kommen!

Außerdem liegt das Problem, dass das Mausbild nicht im Browser angezeigt wird, meist im Verweis auf den URL-Pfad des Mausbildes. Sie können den absoluten und relativen Pfad ausprobieren Referenzen bzw.

Abschließend werden die möglichen Werte des Cursor-Attributs angehängt: (Alle gängigen Browser unterstützen die folgenden Cursor-Attribute)