css - YUI3 (JS) setStyle 使用供应商前缀

Question

如何使用 YUI3 的设置样式来设置类似的东西-webkit-border-radius: 10px;？

例子：

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

Answer 1

使用骆驼皮套。在编写 DOM 脚本时，应始终使用 camelCase 设置样式属性。Webkit 对此很松懈并且违反了规范。

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

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

来源

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