离子标签恼人的活化颜色

时间:2016-05-12 14:09:39

标签: android html css ionic-framework sass

我正在创建一个Ionic项目,并且我正在尝试为Android设置正确的标签样式。我已经尝试了很多CSS规则,但每次更改它都会对其他CSS规则产生不良后果。

我正在尝试创建以下内容:

enter image description here

但是当我点击其他标签(按住它 - 离子添加'激活'类)时,标签变为白色并带有白色边框:

enter image description here

我想禁用此功能。我尝试过以下CSS规则:

.tabs-striped.tabs-color-light .tab-item.activated{
        color: rgba(255, 255, 255, 0.4) !important;
        border: none !important;
}

这会在我点击它时禁用标签项颜色和边框,但它会产生新问题。现在,当我在选项卡上选项卡(以便我导航到它)时,需要一秒钟或新选项卡获得白色边框和颜色之前的内容。这看起来如果有一些lagg并且非常烦人(1秒后回到图像1):

enter image description here

我想像whatsapp一样创建标签外观和转换。

以下是Ionic造型。我没有改变任何事情。 enter image description here

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:1)

试试这个CSS规则,让我知道它是否有效:

a.tab-item:not(.tab-item-active){
     color: rgba(255, 255, 255, 0.4) !important;
     border: none !important;
}