How to autoprefix inline style attributes in HTML and Components?

@Garrick wrote:

ember-cli-autoprefixer only autoprefixes stylesheets.

How does one go about autoprefixing inline style attributes of HTML and Components?

The example below uses a background-image image-set. I understand an <img> element could be used instead.

<div style="
    background-image: url({{imagePath}}); 
    background-image: image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
"></div>

Outputs:

<div style="
    background-image: url({{imagePath}}); 
    background-image: -webkit-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
    background-image: -moz-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
    background-image: -o-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
    background-image: -ms-image-set(url({{imagePath}}) 1x, url({{imagePath2}}) 2x);
"></div>

Posts: 1

Participants: 1

Read full topic