Ionic framework 如何更改离子报警元件
我是爱奥尼亚的新手,我尝试更改警报元素SCS,但它不起作用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> </
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;
}
}