Question

我正在使用工具栏我能够制作工具栏。但我需要自定义该工具栏。实际上我试图在按钮中设置不同的字体大小作为默认值我需要给出不同的宽度按钮默认为。

我有按钮栏

  <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

Answer 1

以下是修改条形按钮的字体大小和宽度的方法

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

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

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

1 个答案: