Два стиля на один атрибут
 

В Хроме оказывается обычный elem.style="zoom-out"; не пашет. Пишут надо -webkit-zoom-out. Поскрипев мозгами я ничего лучше не придумал как дописать:

elem.style.cursor='zoom-out';
elem.style.cursor='-webkit-zoom-out';

работает. И в хроме и в фф и в О. Однако загадка - как. По идее следующее значение должно заменить предыдущее. Вероятно на втором и работает, или я тупой?

И вообще как обычно делается когда надо и нашим и вашим инлайново задать стили?

добавляют класс

Некорректные значения игнорируются и не изменяют предыдущее значение.

elem.style.cursor='zoom-out'; // хром проигнорирует
console.log(elem.style.cursor); // в хроме пустая строка
elem.style.cursor='-webkit-zoom-out'; // фф проигнорирует
console.log(elem.style.cursor); // в фф старое значение