Angularjs 如何在ionic中设置工具栏的字体大小

Angularjs 如何在ionic中设置工具栏的字体大小,angularjs,angularjs-directive,angularjs-scope,ionic-framework,ionic,Angularjs,Angularjs Directive,Angularjs Scope,Ionic Framework,Ionic,我正在使用工具栏。我可以制作工具栏。但我需要自定义工具栏。实际上,我正在尝试将不同的字体大小设置为按钮中的默认值,并且我需要将不同宽度的按钮设置为默认值 我有这个按钮栏 <div class="button-bar"> <a class="button button-small" ng-click="handlerButtonClick('a')" ng-class="{'button_active':activeContentArea==='a'}">a

我正在使用工具栏。我可以制作工具栏。但我需要自定义工具栏。实际上,我正在尝试将不同的字体大小设置为按钮中的默认值,并且我需要将不同宽度的按钮设置为默认值

我有这个按钮栏

  <div class="button-bar">
      <a class="button button-small" ng-click="handlerButtonClick('a')" ng-class="{'button_active':activeContentArea==='a'}">abc</a>
      <a class="button button-small" ng-click="handlerButtonClick('r')" ng-class="{'button_active':activeContentArea==='r'}">rnf </a>
      <a class="button button-small" ng-click="handlerButtonClick('d')" ng-class="{'button_active':activeContentArea==='d'}">dfff</a>
      <a class="button button-small" ng-click="handlerButtonClick('n')" ng-class="{'button_active':activeContentArea==='n'}">ndsdf</a>
    </div>


以下是如何修改工具栏按钮的字体大小和宽度

.button-bar > .button {
    flex: none; /* in order to modify width */
    width: 50px;
    font-size: 24px;
}

谢谢。。!!找到解决办法了吗