关于mint ui的tabbar的上划线问题

本文介绍了一种解决MintUI TabBar在选中状态下上划线消失的问题的方法,通过添加CSS样式来确保TabBar在切换时始终保持上划线可见。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    其实对mint ui的tabbar,他自己有一条上划线,但是当你选中的时候这一部分的上划线会消失,这样的呈现效果显然有些差强人意。

   此时你可以给tabbar加一个上划线,.mint-tab-item{border-top:0.02rem solid #DDDDDD},如果只加这一个样式控制,这个问题还是没有解决,此时我们需要再给选中的时候再加一个上划线,.mint-tabbar>.mint-tab-item.is-selected{border-top:0.02rem solid #DDDDDD},这时候上划线就没有这个问题了。

   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值