css - 栏副标题按钮上的小图标

Question

我有一个 Ionic 应用程序栏子标题的代码。它确实运行良好，但人字形图标有点太大。我无法减小它的大小(到默认大小的一半。我试图用文本大小内联阶梯，但它对图标没有影响，但对文本有影响。我读过一些建议使用非内联的解决方案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

这是缩小 V 形尺寸的插件。

Plunker

这是您需要的 css。

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