编辑离子选择文本(颜色)的CSS阴影部分,而不影响离子选择的其他实例



当我选择一个选项时,我正试图编辑离子选择的内部文本的颜色,但一旦我编辑了组件中的阴影部分,离子选择的其余部分(在其他组件中(就会进行此更改。我只是想封装这种颜色变化,但我不能不编辑阴影部分并影响其余部分,因为它们有不同的颜色。我试着把它们放在不同的css文件中,但我当然不能工作。例如,我在一个组件中用这个css 选择了一个离子

ion-select::part(text){
font-weight: 900;
color: white;
}

但是它被我编辑的另一个组件的css覆盖了

ion-select::part(text){
font-weight: 900;
color: #c00000;
}

CSS阴影部分的任何帮助都很感激

对于任何试图在类选择器内瞄准阴影部分的人来说,这是正确的方法;选择器红色";将是离子选择组件中的类名

ion-select.selector-red::part(text){
font-weight: 900;
color: #c00000;
}

相关内容

  • 没有找到相关文章

最新更新