在javascript中设置多个游标值

Question

我有一个IMG元素c。以下内容适用于更改其光标（在Chrome中）：

c.style.cursor='-webkit-zoom-out';

但是，如果我尝试为其他浏览器添加兼容性，如下所示，它会中断：

c.style.cursor='-webkit-zoom-out, -moz-zoom-out';

（我甚至没有尝试链接.cur兼容IE。）将多个值添加到样式元素的正确语法是什么？

Answer 1

您必须单独添加它们：

c.style.cursor = '-webkit-zoom-out';
c.style.cursor = '-moz-zoom-out';

不幸的是，Internet Explorer尚不支持zoom-in和zoom-out。请参阅MDN Cursor: Browser compatibility。

<强>演示

Try before buy

或者您可以创建一个CSS类来设置正确的样式，并在需要切换时使用JavaScript添加或删除此类。