最近在做一个 tab 标签页,想要的效果是打开页面默认选中第一个标签,字体加粗,出现绿色的底部边框。

点击的时候,被点击的加粗出现绿色边框。(如下图)



在安卓上面测试的没有问题。但是在 iphone 上面测试,打开页面只加粗了,并没有出现绿色边框,



点击其他 tab 的时候绿色的边框会显示出来。不知道是什么原因。


我用的是点击的时候加 class,样式设置如下:

.tab.active {

    font-weight: bold;

    /* border-bottom: 2px solid #1AAD19;  */

    border-width: 0 0 2px 0;

    border-color: #1AAD19;

    border-style: solid;

}


有没有大神知道这是什么原因?

展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 置之度外

    19人对此回答表示赞同

    麻烦提供一下出现问题的机型和微信版本,并且给个相关的代码片段,我们定位下问题

    展开
    19
    1回复
    发布于 6年前

    评论(1)

    收起评论

    • Penelope 2019-01-31 19:01

      已经找到问题了。

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部