hộp kiểm tra thay đổi vật liệu góc cạnh

Question

Tôi đang sử dụng hộp kiểm của vật liệu góc2. Hiện tại, hộp kiểm màu mặc định là màu tím.
Có vẻ như họ đã thay đổi màu mặc định của hộp kiểm từ "chính" thành giọng.
Có cách nào để nhận được màu "chính" (xanh lục) thay vì màu tím không có css ghi đè hay không.
Tôi đã thử đưa màu = "chính" cho nhưng không hiệu quả.

Code: <md-checkbox></md-checkbox>

tuyên bố nhập khẩu:

import {MdCheckbox} from '@angular2-material/checkbox'; 

Plunker http://plnkr.co/edit/sFC0kfdzj7fxtUC3GXdr?p=preview

Answer 1

này nên chăm sóc của màu hộp kiểm mặc định

md-checkbox .md-icon { 
    background: green; 
} 
md-checkbox.md-default-theme.md-checked .md-icon { 
    background: green; 
} 

đọc thêm ở đây tại Angular Material Documentation

Answer 2

Một trong những standard cách để làm điều này là sử dụng các/sâu/selector

md-checkbox { 
    color: rgb(0,178,0); 
    /deep/ .md-checkbox-background { 
     background-color: rgb(0,178,0); 
    } 

    /deep/ &.md-checkbox-focused{ 
     .md-ink-ripple{ 
      background-color: rgba(0, 178, 0, .26); 
     } 
    } 
} 

Điều đó sẽ cho phép bạn ghi đè lên phong cách trong các thành phần tại đây Shadow Dom được kích hoạt.

Answer 3

Với phiên bản beta.2 của Vật liệu góc, thuộc tính color sẽ hoạt động.

Có một số vấn đề với nó trước khi beta.2

Xem commit rằng cố định vấn đề đó.