Tab栏切换时li的下划线问题

最新推荐文章于 2024-08-16 14:03:33 发布

nihaotdb

最新推荐文章于 2024-08-16 14:03:33 发布

阅读量581

点赞数 1

文章标签： html javascript vue.js

本文链接：https://blog.csdn.net/nihaotdb/article/details/121431153

版权

这个tab栏的一个小li的下划线单独变成白色，智障的我想了半天没想出来，也没搜到合适的答案，突然灵光一闪，发现，这个li的父元素ul我设置了高的，所以即使li浮动了，也不影响，不需要为ul设为overflow所以，我们只需在切换时将li的border-bottom 的宽设为2px（包含ul的div容器的border-bottom的宽是1px,此处li的border-bottom的宽只要比包含ul的div容器的border-bottom的宽宽1px,就行了），颜色设为白色，就解决了