bar-subheader上按鈕上的較小圖標

Question

我有一個Ionic應用bar-subheader的代碼。它工作得很好，但V形圖標有點太大。我還沒有能夠縮小它的大小（默認大小的一半），我試圖用文本大小嵌入豎框，但它對圖標沒有影響，但對文本沒有影響。我已經閱讀了一些解決方案，建議使用非內聯CSS，但我真的不理解的差異，正如我只是做測試，我更喜歡內聯它。任何提示？

<div class="bar bar-subheader"> 
     <button class="button icon-left button-clear button-dark" ng-hide="hidePrevious" ng-click="previousDay()"><i class="icon ion-chevron-left"></i> {{previousDayTitle}} </button> 
     <h1 class="title"><span style="font-size:30px"> {{todayTitle}} </span></h1> 
     <button class="button icon-left button-clear button-dark" ng-hide="hideNext" ng-click="nextDay()"> {{nextDayTitle}} <i class="icon ion-chevron-right"></i></button> 

</div> 

Answer 1

下面是降低字形大小plunker。

Plunker

這是您需要的css文件

.bar .button.button-clear .icon:before{ 
    font-size: 12px; 
}