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

Question

我正在使用离子版本1.2.4。

我实际上是在尝试通过更改图标的字体大小来减小图标的大小。什么是适当的 CSS 选择器来更改下面代码中图标的font-size？我尝试的任何方法似乎都不起作用。

  <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;
}