垫选中的样式复选框具有多个选项

时间:2019-09-16 14:24:12

标签: angular angular-material angular7

我使用multiple选项(请参见this example from docs)使用mat-select。
我想在选中复选框时设置其颜色(默认为蓝色)。
所以从这个:

enter image description here

我需要得到这个:

enter image description here

但是我不知道我应该使用哪个CSS选择器/规则。
通常对于复选框,我将使用以下代码:

/deep/.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #A5C73C;
}

但这些选项不会被视为复选框。

HTML

<mat-form-field>
  <mat-select placeholder="Toppings" [formControl]="toppings" multiple>
    <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
  </mat-select>
</mat-form-field>

1 个答案:

答案 0 :(得分:3)

以下CSS似乎可以正常工作,如this stackblitz所示:

class k(object):
    def __init__(self):
        pass

class b(object):
    def __init__(self):
        self.variable = 1

class c(b):
    def __init__(self):
        b.__init__(self)# b is inherited from & initialized
        # alternative for inheritance
        #super(c,self).__init__()
        print("init(): " + str(self.variable))
    def run(self):
        self.variable = 2
        print("run(): " + str(self.variable))
        a()# here I need to pass the instance of b

class a(k):
    def __init__(self):
        k.__init__(self)# a() needs to inherit from k()
        # ERROR: cannot access variables of b()
        print("a(): " + str(self.variable))


if __name__ == "__main__":
    c().run()