离子选项卡烦人的激活颜色

睿智先生

我正在创建一个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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

离子选项卡活动颜色

来自分类Dev

编辑离子选项卡图标样式

来自分类Dev

标头中的离子导航选项卡

来自分类Dev

在离子选项卡中显示网站

来自分类Dev

离子选项卡导航问题

来自分类Dev

离子:选项卡视图未呈现

来自分类Dev

模态上的离子 3 选项卡

来自分类Dev

在Bootstrap中激活单击的选项卡

来自分类Dev

哪个jQuery UI选项卡被激活

来自分类Dev

哪个jQuery UI选项卡被激活

来自分类Dev

离子:如何创建不带图标的带有离子选项卡的选项卡?

来自分类Dev

如何使选定的选项卡更改颜色?

来自分类Dev

更改引导选项卡主体颜色

来自分类Dev

从水平选项卡列表中单击激活部分可见选项卡并显示完整选项卡

来自分类Dev

易于响应的选项卡自定义选项卡激活

来自分类Dev

具有静态数据的离子选项卡

来自分类Dev

一个选项卡的离子多视图状态

来自分类Dev

离子2 +角度2-选项卡+侧面菜单

来自分类Dev

带有选项卡的离子导航后退按钮

来自分类Dev

如何在不同的离子选项卡上滑动

来自分类Dev

如何在离子选项卡之间添加通用内容

来自分类Dev

一个选项卡的离子多视图状态

来自分类Dev

离子2 +角度2-选项卡+侧面菜单

来自分类Dev

离子:选项卡视图不显示后退按钮

来自分类Dev

选项卡图标在离子 3 中不可见

来自分类Dev

在所选选项卡上激活反应添加类

来自分类Dev

jQuery如果Bootstrap选项卡未激活则删除div

来自分类Dev

使用Enter在Jetbrains IDE中打开并“激活”选项卡?

来自分类Dev

角度状态更改后激活特定选项卡