Html使用自定义光标的一点需要注意的小问题。

我需要动态改变Html页面某元素的光标为自定义光标,根据CSS用JavaScript进行如下设置:
something.style.cursor = "url('cursor.cur')";
第一次设置时可以正确改变光标,但是再一次设置光标无效,查看CSS手册,发现此值可以设置多个,第一个光标无效时自动尝试第二个...,加了一个光标后发现解决了上面的问题,正确设置方法为:
something.style.cursor = "url('cursor.cur'),hand";

测试:
第一次点击下面的两个按钮,按钮的光标会变成自定义的光标。
再一次点击“光标测试2”按钮,此按钮上的光标会变回默认光标,自定义光标无效!
“光标测试1”是正常的。

   

上面按钮的代码为:

 <BUTTON onclick="this.style.cursor = 'url(cursor.cur),hand';">光标测试1</BUTTON>
 <BUTTON onclick="this.style.cursor = 'url(cursor.cur)';">光标测试2</BUTTON> 
原文地址:https://www.cnblogs.com/Pharaoh/p/259048.html