Автоматически конвертировать CSS в Mozilla

Question

Если мой css:

border-bottom-right-radius: 20px;

есть ли библиотека JavaScript, которая преобразует ее в

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

автоматически, если он обнаруживает пользовательский агент, являющийся браузером Mozilla, например: Firefox?

Answer 1

С Sass и Compass вы можете использовать миксины, которые автоматически устанавливают определенные правила браузера. Это - это то, что вам, вероятно, нужно.

Существует также другая подобная библиотека - Меньше , но я еще не пробовал.

Answer 2

Это не решение JavaScript, но МЕНЬШЕ CSS может достичь этого с помощью «функций» LESS CSS работает с использованием Ruby, ASP или PHP.

Вскоре вы сможете использовать LESS с JavaScript. См. less.js для информации. По-видимому, это будет LESS 2.0

Сначала определите свою функцию:

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

Тогда укажите это:

* 1014 Е.Г. *

#some-id {
  @border-radius;
}

или

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

Answer 3

Почему бы просто не добавить все декларации границ webkit и mozilla и покончить с этим.

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

http://border -radius.com /

Answer 4

Даешь Модернизр Взгляд.