Css 如何减小透明堆栈组件标签的宽度

如何减小透明堆栈组件标签的宽度

我已经在选择器中添加了以下自定义样式，但运气不好

添加的样式：

.myStyle {
    max-width: 10% !important;
    flex-basis: 10% !important;
}

---

请参考此Plnkr：（查看

app.component.css

文件）

---

您需要使用

：：ng deep

组合器，否则样式将不会应用于组件中。这在Angular文档中提到：（搜索

：：ng deep

）

因为：：ng deep现在被弃用，最好避免接受答案

对我来说，有效的方法是向堆栈视图添加一个id：

<clr-stack-view  id="adjusted-column-stack-view">`

这需要在一个全局样式表中设置，最好是具有最高特定性的样式表

---

以下Github问题将归功于@youdz:

：ng deep在文档中标记为不推荐使用。我想知道有没有其他选择？

<clr-stack-view  id="adjusted-column-stack-view">`

#adjusted-column-stack-view .stack-block-label {
  max-width: 10%;
  flex-basis: 10%;
}