YUI3（JS）setStyle使用供应商前缀

Question

如何使用YUI3的设置样式设置-webkit-border-radius: 10px;？

之类的内容

示例：

Y.one('#mydiv').setStyle('-webkit-border-radius', '10');

Answer 1

使用驼峰案例。在DOM脚本编写时，应始终使用camelCase设置style properties。 Webkit对此漠不关心，违反了规范。

Y.one('#mydiv').getDOMNode().style.setProperty('mozBorderRadius', '10');

对于border-radius，现在跳过供应商前缀非常安全（这些天）。

Source

Answer 2

如果其他人仍然需要完成此任务，我就是这样做的：

Y.one('#mydiv').getDOMNode().style.setProperty('-moz-border-radius', '10');

Answer 3

应该有效。

我认为你错过了

的'px'

Y.one('#mydiv').setStyle('-webkit-border-radius', '10');

应该是

Y.one('#mydiv').setStyle('-webkit-border-radius', '10px');