Question

我是离子的新手，我尝试更改警报元素scss但它不起作用。

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.ts

selectOpen(sel){
  sel.open();
}

list.scss

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

Answer 1

您无法将css应用于ion-Option。相反，您必须将css应用于您已采用的接口类型，默认情况下，它们会提供<ion-option interface="alert"> </ion-option>。所以你必须通过AlertController CSS命令应用CSS，你可以按照下面给出的步骤。

我更喜欢离子官方CSS命令。

1）转到离子网站的AlertController doc页面。 https://ionicframework.com/docs/api/components/alert/AlertController/

2）在页面底部，您可以找到CSS的选项作为“Material Design”

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

您可以申请：

$ alert-md-background-color：＃808080

您可以将其置于“src\theme\variable.scc”文件中全局应用要么您可以将其放在"list.scss"页面中，将其应用到您的特定页面上。

希望它会对你有所帮助。感谢

如何更改离子警报元素

1 个答案: