前端 - vue2写的css scoped样式无法作用于DOM元素怎么解决？

Question

vue2里面css写了个-webkit-box-orient Chrome里面审查元素看不到这个，加不上去，非要写行内才可以生效，不知道为什么。

.chat-anwser-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

Answer 1

https://segmentfault.com/a/1190000019165796

搜到的原因是：此选项仅在 display 属性设置为 -webkit-box 时才有效。现代浏览器不需要供应商前缀，因此会被 autoprefixer 删除。不幸的是，这会导致-webkit（基于过时版本的 flexbox）被忽略。