我正在创建一个Ionic项目,并试图获取适用于android的标签样式。我已经尝试了很多CSS规则,但是每次更改一个CSS规则都会对其他CSS规则造成不良影响。
我正在尝试创建以下内容:
但是,当我单击另一个选项卡时(按住它-ionic添加了“ activated”类),该选项卡会变成白色并带有白色边框:
我想禁用此功能。我尝试了以下CSS规则:
.tabs-striped.tabs-color-light .tab-item.activated{
color: rgba(255, 255, 255, 0.4) !important;
border: none !important;
}
当我单击它时,它会禁用选项卡项目的颜色和边框,但是这带来了一个新问题。现在,当我在选项卡上使用选项卡(以便导航至该选项卡)时,它需要一秒钟左右,或者新选项卡将其变为白色边框和彩色。这看起来好像有些滞后并且很烦人(1秒后返回图像1):
我想创建一个类似于whatsapp的标签外观和过渡效果。
任何帮助,将不胜感激!
试试这个CSS规则,让我知道它是否有效:
a.tab-item:not(.tab-item-active){
color: rgba(255, 255, 255, 0.4) !important;
border: none !important;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句