CSS自动转换到Mozilla的特定CSS

Question

如果我的CSS是：

border-bottom-right-radius: 20px; 

有一个JavaScript库，如果它检测到用户代理是一个Mozilla将其转换为

-moz-border-radius-bottomright: 20px; 

自动

浏览器，例如：Firefox？

Answer 1

为什么不只是添加所有的webkit和mozilla边界声明并完成它。

-webkit-border-radius: 1px; 
-moz-border-radius: 1px; 
border-radius: 1px; 

http://border-radius.com/

Answer 2

给Modernizr一看。

Answer 3

随着Sass和Compass你可以使用mixins自动设置浏览器特定的规则。 This是你可能需要的。

还有另一个类似的图书馆 - Less，但我还没有尝试过。

Answer 4

这是不是一个JavaScript的解决方案，但LESS CSS可以通过使用 '功能' 实现这一目标。 LESS CSS可以使用Ruby，ASP或PHP。

很快，您将可以在JavaScript中使用LESS。有关信息，请参阅less.js。显然，这将形成LESS 2.0

首先定义你的函数：

@border-radius(@radius:10px) { 
    -webkit-border-radius: @radius; 
    border-radius: @radius; 
    -moz-border-radius: @radius; 
} 

然后引用它：

例如

#some-id { 
    @border-radius; 
} 

或

#some-id { 
    @border-radius(210px); 
}