![](/img/trans.png)
[英]Checkbox border color styling in Angular material (md-checkbox)
[英]Angular Material2 md-checkbox border color
我正在使用 Angular Material 2 ,我正在尝试在 md-checkbox 上应用 css。 到目前为止,我设法更改了背景颜色,但没有关于如何应用边框颜色的文档。
我的高宽代码:
:host /deep/ .mat-checkbox-inner-container{
height:15px;
width:15px;
}
检查背景颜色的代码:
:host /deep/ .mat-checkbox-checked .mat-checkbox-background {
background-color: #72addc;
}
但仍然不能应用于边框颜色。
欢迎任何帮助!
对于Angular 5+
版本
/deep/ .mat-checkbox-frame {
border-color: grey
}
您可以在此处了解有关样式化组件的更多信息https://angular.io/guide/component-styles
对于Angular 8
::ng-deep .mat-checkbox-frame {
border-color: white
}
我想补充一点,“/deep/”现在已被弃用。 [从版本 8] 使用 "::ng-deep" 而不是 "/deep/"
我第一次删除 ":host" 但删除后无法正常工作。 所以我再次添加了它。
用于边框颜色的 CSS:
:host ::ng-deep .mat-checkbox-frame {
border-color: white
}
CSS 用于背景颜色更改:
:host ::ng-deep .mat-checkbox-checked .mat-checkbox-background {
background-color: #01ADE4;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.