css - 如何减少透明度堆栈组件标签的宽度

标签 css angular vmware-clarity

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

https://vmware.github.io/clarity/documentation/stack-view

我已向选择器添加了以下自定义样式,但没有成功

添加样式:

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

最佳答案

请引用此Plnkr:https://plnkr.co/edit/gUm8yInQN9DSbO6K8nCE?p=preview (查看app.component.css文件)

::ng-deep .stack-view .stack-block-label {
  flex: 0 0 20%;
}

您需要使用 ::ng-deep 组合器,否则样式将不会应用于组件内。 Angular 文档中提到了这一点:https://angular.io/guide/component-styles (搜索 ::ng-deep)

关于css - 如何减少透明度堆栈组件标签的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46169948/

相关文章:

CSS - 包含绝对定位子元素的元素的自动高度?

angular - Angular2中主从组件如何相互通信?

angular - 可以在没有 Angular 的情况下使用 Clarity 吗?

jquery - 在 Jquery 单击时仅更改切换的 Div 颜色

javascript - 通过不显眼的验证以 asp.net mvc 形式动态添加 bootstraph glyphicon

javascript - 这行在 Angular 语法中是什么?

css - 更改 ionic 2中警报 Controller 的样式和文本修改

angularjs - 使用 ClarityIcons 时无法在 'define' 上执行 'CustomElementRegistry'

angular - 如何在vmware-clarity,Angular6中将sidenav导航链接的默认状态设置为关闭

html - 图像按钮周围的奇怪框架