javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗？

Question

我想以编程方式将 CSS cursor 值设置为 -webkit-grab 和 -moz-grab。例如，在样式表中，它将表示为

mySelector{
    cursor:-webkit-grab;
    cursor:-moz-grab;
}

所以在这里，mySelector 元素定义了两次光标。 Webkit 浏览器使用第一个定义，Firefox 使用第二个。我想知道 Javascript 中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class)，但我的问题更多是出于好奇，看看是否可行，而不是解决我目前遇到的现实问题。

编辑 澄清一下 - 我发布的 CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否有仅 javascript 的方法来执行此操作。

Answer 1

您还可以使用 style.cssText 属性设置样式:

element.style.cssText = "cursor:-webkit-grab; cursor:-moz-grab; cursor:grab;";

浏览器将尝试以与解析 CSS 相同的方式解析该值，并应用它们可以识别的所有属性。但我建议在类中定义这些样式，然后将此类添加到元素中。