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