这是一条飞猪
这是一条飞猪
  • 发布:2015-12-06 15:21
  • 更新:2017-07-17 19:21
  • 阅读:11059

MUI底部选项卡选中状态默认蓝色字怎么改?

分类:MUI
mui

如图,底部选项卡,高亮状态是默认蓝色字的,这个在mui.min.css里找不到,请问是在哪里改的?

2015-12-06 15:21 1 条评论 负责人:无 分享
已邀请:
1***@163.com

1***@163.com

很坑爹,我是通过F12调试了一个小时终于完成的,上面的代码非常不靠谱,让我对中国的开发者社区很失望,下面进入正题吧。

.mui-bar-tab .mui-tab-item.mui-active{
color: #FE434C; / 这里放你想要的颜色 /
}
.mui-bar .mui-icon:active{
opacity:1;
}

具体是怎么找到方法的我就不一一叙述的,反正还是依靠强大的开发者工具

  • 8***@qq.com

    自动生成的nav里边 就一个a标签 带有.mui-active这个class。很明显是它嘛。认真看看代码,应该不需要一个小时的。

    2017-07-18 07:27

  • Lynch

    这么简单的一个问题还要一个小时吗? 确定选择器,确定继承的样式,修改值,查看效果,需要一个小时?

    2017-07-18 09:49

且听风吟

且听风吟

在css中有个mui-active表示激活状态后的样式

七月羽歌

七月羽歌 - www.qiubg.com

修改文字颜色:
重写mui-active,比如:

<style>
.mui-active
{
color: #99c600;
}
</style>

选项卡下边线条颜色,在线条div那里定义style:
style="background-color: #99c600; height: 2px;"

默认选中, 在 mui-control-item 后边追加样式 mui-active

该问题目前已经被锁定, 无法添加新回复