イオンタブ - テキストなしのタブのサイズを変更しますか？

Question

イオンプロジェクトでは、3つのタブがナビゲーションに表示されます（下部[トップ：アンドロイド]）。右と左にはキャプション/タイトルがありますが、センターはdoesntです。 title属性がない場合は、アイコンのみのタブに中心をリサイズしたいと思います。

<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide': $root.hideTabs}"> 

    <!-- Dashboard Tab --> 
    <ion-tab title="Check In" icon-off="check-in-icon" icon-on="check-in-icon" href="#/tab/dash"> 
<ion-nav-view name="tab-dash"></ion-nav-view> 
</ion-tab> 

<!-- Chats Tab --> 
<ion-tab icon-off="add-icon" icon-on="add-icon" ng-click="ctrl.openReimbursmentModal()"> 
</ion-tab> 

<!-- Account Tab --> 
<ion-tab title="Activity Goals" icon-off="activity-watch" icon-on="activity-watch" href="#/tab/account"> 
<ion-nav-view name="tab-account"></ion-nav-view> 
</ion-tab> 

Answer 1

@Flakerimi提案のおかげで、これは私のために働いているものです。

.tabs .tab-item .icon.add-icon{ 
    background-size: 38px 38px; 
    height:38px; 
    // margin-top: 2px; 
    opacity: 1; 
} 
.center-tab{ 
    span.tab-title{ 
     display: none; 
    } 
} 

Answer 2

その後、CSSでそれを行う、非表示にするにはどのような検査、タブに#IDを追加する必要があります。他の方法はありません。