我使用multiple
选项(请参见this example from docs)使用mat-select。
我想在选中复选框时设置其颜色(默认为蓝色)。
所以从这个:
我需要得到这个:
但是我不知道我应该使用哪个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>
答案 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()