如何更改ion-header-bar中图标的大小？

Question

我正在使用离子版1.2.4。

我实际上是想通过改变它的字体大小来减小图标的大小。在下面的代码中更改font-size图标的适当CSS选择器是什么？我尝试的任何东西似乎都没有用。

  <ion-nav-bar>
    <ion-nav-buttons side="right">
        <button class="button button-clear">
            <i class="icon ion-edit"></i>
        </button>
    </ion-nav-buttons>
  </ion-nav-bar>

Answer 1

像这样声明你的按钮

<button class="button button-icon icon ion-android-notifications"></button>

将此类添加到项目css文件中。

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