有什么办法可以改变颜色属性mat-slide-toggle
Angular Material 组件库中的组件?如何覆盖它的样式?
或者有人可以建议我任何其他用于 Angular 5 应用程序的滑动开关,例如材料滑动开关?
您可以更改原色mat-slide-toggle
在您的组件样式中使用以下 css。
/deep/ .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: #49c5b6;
}
/deep/ .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #49c5b6;
}
上面的代码是在 Angular 上测试的5+版本以及正在运行的版本。
组件样式通常仅适用于组件中的 HTML
自己的模板。
Use the /deep/阴影穿透后代组合器强制形成样式
向下遍历子组件树进入所有子组件
意见。这/deep/组合器适用于任何深度的嵌套组件,
它适用于视图子级和内容子级
成分。
您可以花一些时间在这里阅读有关深度选择器的更多信息。
https://angular.io/guide/component-styles#deep https://angular.io/guide/component-styles#deep
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)