Estoy usando Angular Material 2 y estoy tratando de aplicar css en md-checkbox. Hasta ahora logré cambiar el color de fondo, pero no hay documentación sobre cómo aplicar el color del borde.
Mi código para alto-ancho:
:host /deep/ .mat-checkbox-inner-container{ height:15px; width:15px; }código para el color de fondo en el cheque:
:host /deep/ .mat-checkbox-checked .mat-checkbox-background { background-color: #72addc; }pero aún no se puede aplicar en el color del borde.
¡Cualquier ayuda es bienvenida!
Para la versión Angular 5+
/deep/ .mat-checkbox-frame { border-color: grey }Puede obtener más información sobre los componentes de diseño aquí https://angular.io/guide/component-styles
Para Angular 8
::ng-deep .mat-checkbox-frame { border-color: white }Me gusta agregar que "/ profundo /" está obsoleto ahora. [desde la versión 8] usa "::ng-deep" en lugar de "/deep/"
La primera vez que eliminé ":host" pero después de eliminarlo no funcionó correctamente. Así que lo agregué de nuevo.
Uso de CSS para el color del borde:
:host ::ng-deep .mat-checkbox-frame { border-color: white }Uso de CSS para el cambio de color de fondo:
:host ::ng-deep .mat-checkbox-checked .mat-checkbox-background { background-color: #01ADE4; }