如何在Ionic 2中使标签透明？

Question

我正在使用Ionic 3并且我需要使标签（https://ionicframework.com/docs/api/components/tabs/Tabs/）透明或更改不透明度级别以在滚动列表卡时具有半透明效果。我尝试通过CSS修改很多元素（标签本身，他们的父母和孩子），但根本没有运气。

Answer 1

如果要直接修改类，则需要添加

.md,.ios,.wp{}

以覆盖构建中基于离子的样式。所以它会像

.md,.ios,.wp{
    ion-tabs{
        opacity:0.4;
    }
}

您还可以尝试在theme/variables.scss文件中创建一个sass变量。然后将该颜色应用于颜色属性。

 $colors:{
 ...
  tabs-color :  rgba(255,255,255,0.1);
 }

 ----
 <ion-tabs color="tabs-color">