Javascript 自动将css转换为特定于mozilla的css

Javascript 自动将css转换为特定于mozilla的css,javascript,jquery,css,Javascript,Jquery,Css,如果我的css是: border-bottom-right-radius: 20px; 是否有JavaScript库将其转换为 -moz-border-radius-bottomright: 20px; 如果它检测到用户代理是mozilla浏览器,则会自动执行,例如:Firefox?请查看。使用,并且您可以使用mixin自动设置浏览器特定的规则。 这是你可能需要的 还有另一个类似的库-,但我还没有尝试过。为什么不添加所有webkit和mozilla边界声明并使用它呢 -webkit-bord

如果我的css是:

border-bottom-right-radius: 20px;
是否有JavaScript库将其转换为

-moz-border-radius-bottomright: 20px;
如果它检测到用户代理是mozilla浏览器,则会自动执行,例如:Firefox?

请查看。

使用,并且您可以使用mixin自动设置浏览器特定的规则。 这是你可能需要的


还有另一个类似的库-,但我还没有尝试过。

为什么不添加所有webkit和mozilla边界声明并使用它呢

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

这不是一个JavaScript解决方案,但可以通过使用“函数”来实现。更少的CSS使用Ruby、ASP或PHP工作

很快,您将能够在JavaScript中使用更少的代码。有关信息,请参阅。显然,这将形成2.0以下

首先定义您的功能:

@border-radius(@radius:10px) {
  -webkit-border-radius: @radius;
  border-radius: @radius;
  -moz-border-radius: @radius;
}
然后参考它:

例如


你能不能在样式表中同时指定它们呢?这有什么关系?Modernizer检测支持,而不是支持哪个版本的属性。即使这样,你还需要指定
-moz
版本吗?我也不明白这有什么关系。因为css比它需要的大3倍是令人讨厌的。扩展一个声明不会因为这么简单的任务而破产。
#some-id {
  @border-radius;
}
#some-id {
  @border-radius(210px);
}