Нет активного тега по умолчанию на Framewrok7
Я разрабатываю приложение с PhoneGap
а также Framework7
, Мой первый экран имеет несколько вкладок, как этот пример: http://framework7.io/kitchen-sink-material/
Дело в том, что всегда первая вкладка подчеркивается селектором тегов, я хотел бы удалить селектор тегов (небольшая строка под названием вкладки), поэтому при первой загрузке экрана нет нижней строки, после пользовательский клик на кране будет показан.
Это мой код, но по умолчанию, я думаю, всегда первая вкладка подчеркивается
<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>
У кого-нибудь есть идеи о том, как убрать подчеркивание?
1 ответ
Я создал один css
Класс и событие onshow для tab, вызывающего функцию addClass для tabs и toRemove класса. Вы можете попробовать с этим
.borderGraySolid{
bottom: 0px;
border-width: 0 0 3px;
border-style: solid;
border-color: #778899;
}