Angular adding CSS in devtolls works, but not in the code

Question

I need to make elipsis max length on multiline in CSS. So I just:

.body {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

But it doesnt work, however if I set this via Chrome devtools on the selected element (element.style {} ), it works.

Doesnt work:

enter image description here

Works:

enter image description here

As you can see, styles are added in both cases (only for some reason -webkit-box-orient: vertical; is not added in first one).

Any help?

Answer 1

Autoprefixer removes outdated prefixes that are no longer needed. Try using this to ignore the removal of style.

.body {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
   /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}