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

很遗憾，Internet Explorer 尚不支持放大 和缩小。查看MDN Cursor: Browser compatibility .

演示

Try before buy

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