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

Question

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

例子:

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

Answer 1

使用驼峰式大小写。当编写 DOM 脚本时，style properties应始终使用驼峰命名法进行设置。 Webkit 对此很松懈并且违反了规范。

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

对于 border-radius，(现在)跳过供应商前缀是非常安全的。

Source