在javascript中设置多个光标值

我有一个IMG元素c。以下操作可更改其在Chrome中的光标：

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

但如果我尝试添加与其他浏览器的兼容性，如以下所示，则会出现问题：

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

---

我甚至还没有尝试链接.cur以实现IE兼容性。。。。向样式元素添加多个值的正确语法是什么？

您必须分别添加它们：

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

不幸的是，Internet Explorer还不支持放大和缩小。看

演示

---

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

您必须单独添加它们：

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

不幸的是，Internet Explorer还不支持放大和缩小。看

演示

---

或者，您可以创建一个设置正确样式的CSS类，如果需要切换，可以使用JavaScript添加或删除该类。

是否需要使用JavaScript执行此操作？这是一种CSS3风格，因此您的目标是现代浏览器。我不知道你的用例，但是你可以用CSS应用它，并得到你想要的效果。你应该通过CSS设置光标，切换一个类或属性，让CSS处理样式。你需要用javascript做这件事吗？这是一种CSS3风格，因此您的目标是现代浏览器。我不知道你的用例，但是你可以用CSS应用它，并获得你想要的效果。你应该通过CSS设置光标，切换类或属性，让CSS处理样式。javascript中的怪异-so=有时实际上是+=？如何判断何时以及如何清除具有此特征的属性；不会删除以前的值吗？实际上它不会删除它。它的工作方式与CSS规则的工作方式相同。浏览器选择他可以处理的值并丢弃任何其他值。如果您在演示中检查元素，您将看到，只有-webkit或-moz作为内联样式应用。与CSS规则相同的是：img{cursor:-webkit-zoom-out；cursor:-moz-zoom-out；}而不是img{cursor:-webkit-zoom-out，-moz-zoom-out；}。看看这个，谢谢！这里是XSLT工作示例的一部分，但想法是一样的：javascript中的怪异-so=有时实际上是+=？如何判断何时以及如何清除具有此特征的属性；不会删除以前的值吗？实际上它不会删除它。它的工作方式与CSS规则的工作方式相同。浏览器选择他可以处理的值并丢弃任何其他值。如果您在演示中检查元素，您将看到，只有-webkit或-moz作为内联样式应用。与CSS规则相同的是：img{cursor:-webkit-zoom-out；cursor:-moz-zoom-out；}而不是img{cursor:-webkit-zoom-out，-moz-zoom-out；}。看看这个，谢谢！这是XSLT工作示例的一部分，但其思想是相同的：