如何更改 ionic 中选项卡突出显示的颜色
发布于2023-12-26 22:14 阅读(81) 评论(0) 点赞(8) 收藏(5)
我有一个 iontabs，我想在它激活时更改突出显示
这是html的代码：
<ion-tabs mode="md" tabsPlacement="top" tabsHighlight="true" tabsLayout="icon-start">
<ion-tab [root]="tab1Root" tabBadge="" tabBadgeStyle="" tabTitle="TODAY" tabIcon="ios-star" ></ion-tab>
</ion-tabs>
这是我的 css 代码（我只能更改文本和图标颜色）：
$tabs-md-tab-text-color-active: #000;
$tabs-md-tab-icon-color-active: #000;
$tabs-md-tab-highlight-color-active: #000;
解决方案
不幸的是，用于选项卡突出显示的覆盖离子变量（来自https://ionicframework.com/docs/theming/overriding-ionic-variables/）不起作用。
这里还有一个关于更改活动选项卡背景颜色的线程：https://forum.ionicframework.com/t/changing-tab-color-in-ionic/39457/15
你可以将其添加到你的 app.scss 中
.tabs-md .tab-button[aria-selected=true] {
background: #000;
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/533296/736208c12ddd984b4853/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力