md-checkbox角度材料造型

使用角度材料和Angular4，我找不到在檢查後更改複選框顏色的方法。md-checkbox角度材料造型

唯一的辦法爲我工作在初始視圖修改造型：

:host /deep/ .mat-checkbox-inner-container{ 
    height:15px; 
    width:15px; 
    background-color: rgba(0, 255, 0, 0.87); 
}

嘗試後改變造型選中，下面沒有工作：

:host /deep/ .mat-checkbox-checked { 
background-color:yellow; 
}

它實際應用檢查後，但在錯誤的元素 - 沒有適用於內部容器。

像:host /deep/ .mat-checkbox-inner-container-checked之類的東西不能正常工作。

任何幫助，歡迎。

來源

2017-04-12 George

試試這個:)

.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { 
    background-color: rgb(27, 142, 241) !important; 
} 

.mat-ripple-element { 
    background: rgba(27, 142, 241, .4) !important; 
}

來源

2017-07-19 11:08:36

嘗試使用.md-checkbox.md-checked參考Checkbox Styling，

:host /deep/ .md-checkbox.md-checked .md-icon { 
    background-color:yellow!important; 
}

來源

2017-04-12 12:01:50

並沒有爲我工作。仍然保持默認（粉紅色）的顏色。 – George

嘗試使用'。重要的'.md-checkbox.md-checked'。 –

已經做到了，目前爲止沒有。但是，無論如何感謝你 – George

md-checkbox角度材料造型

回答

相關問題