如何在离子中设置工具栏的字体大小答案

【问题标题】：how to set font size of toolbar in ionic如何在离子中设置工具栏的字体大小
【发布时间】：2015-05-31 11:45:20
【问题描述】：

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

我有这个按钮栏

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

我需要覆盖默认行为意味着覆盖文本的字体大小和按钮的宽度这是我的笨蛋 http://plnkr.co/edit/eGaPwUdPgknwDnozMJWU?p=preview

【问题讨论】：

标签： angularjs angularjs-directive angularjs-scope ionic-framework ionic

【解决方案1】：

这里是如何修改条形按钮的字体大小和宽度

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

http://plnkr.co/edit/4d9X2icZJicGdjezR6WG?p=preview

【讨论】：

谢谢..!!得到解决方案