Ionic framework 如何更改离子报警元件

Ionic framework 如何更改离子报警元件,ionic-framework,sass,Ionic Framework,Sass,我是爱奥尼亚的新手,我尝试更改警报元素SCS,但它不起作用 list.html <ion-select [(ngModel)]="dept_title" style="color: white; display:none" #sel > <ion-option *ngFor="let data of dept_data" value="{{data.deptid}}"> {{data.deptid}} </ion-option> </

我是爱奥尼亚的新手,我尝试更改警报元素SCS,但它不起作用

list.html

<ion-select [(ngModel)]="dept_title" style="color: white; display:none" #sel > 
  <ion-option  *ngFor="let data of dept_data" value="{{data.deptid}}">
    {{data.deptid}}
  </ion-option>
</ion-select>
list.scss

page-list {
  ion-option {
    background-color: gray;
  }
}

您不能将css应用于ion选项。相反,您必须将css应用于所采用的接口类型,在这里,默认情况下,它们会给出
。 所以您必须通过AlertController CSS命令应用CSS,您可以按照下面给出的步骤进行操作

我更喜欢官方的CSS命令

1) 转到爱奥尼亚公司官方网站的AlertController文档页面

2) 在页面底部,您可以找到一个CSS选项“材质设计”

3) 根据需要从那里选择CSS命令。并应用它

  • 在您的情况下,您可以申请:

    $alert md背景色:#808080

您可以通过将其放在“
src\theme\variable.scc
”文件中全局应用它 或 您可以将其应用于特定页面,方法是将其放入
“list.scss”
页面

希望它能帮助你。谢谢

page-list {
  ion-option {
    background-color: gray;
  }
}