javascript - 在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';

不幸zoom-in的是zoom-out，Internet Explorer 尚不支持。请参阅MDN 光标：浏览器兼容性。

演示

先试后买

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