Framewrok7

Question

我正在使用PhoneGap和Framework7开发一款应用。 我的第一个屏幕有几个Tabs，如下例所示： http://framework7.io/kitchen-sink-material/

事情是，标签选择器总是第一个Tab下划线，我想删除标签选择器（标签名称下的小行），所以第一次加载屏幕时不应该在线下显示，用户点击水龙头后会显示。

这是我的代码，但默认情况下，我猜，第一个标签总是带下划线

                        

                        <a href="#tab-1" class="tab-link" >
                            <img src="../img/icon_tab_a_off.png" alt="Fincas" width="25" height="24" />
                            <span class="tabbar-label">A</span>
                        </a>


                        <a href="#tab-2" class="tab-link" >     
                            <img src="../img/icon_tab_B_off.png" alt="Cultivos" width="25" height="24" />
                            <span class="tabbar-label">B</span>
                        </a>


                        <a href="#tab-3" class="tab-link">
                            <img src="../img/icon_tab_c_off.png" alt="Actuaciones" width="25" height="24" />
                            <span class="tabbar-label ">C</span>
                        </a>

                        <a href="#tab-4" class="tab-link">
                            <img src="../img/icon_tab_D_off.png" alt="Almacenes" width="25" height="24" />
                            <span class="tabbar-label ">D</span>
                        </a>
                        <a href="#tab-5" class="tab-link" >
                            <img src="../img/icon_tab_D_off.png" alt="Maquinarias" width="25" height="24" />
                            <span class="tabbar-label ">D</span>
                        </a>

                        <span class="tab-link-highlight" style="width: 70px; transform: translate3d(0px, 0px, 0px);"></span>

                    </div>

任何人都知道如何删除下划线？

Answer 1

我创建了一个css类 onshow事件的tab调用函数addClass到tabs并删除该类。 您可以尝试使用此

.borderGraySolid{
  bottom: 0px;
  border-width: 0 0 3px;
  border-style: solid;
  border-color: #778899;
}