离子导航按钮未显示在右侧

Question

我正在开展一个项目，但我遇到了问题。 我在index.html

中有这个

<ion-side-menus>
    <ion-side-menu-content>
        <ion-nav-bar class="bar-dark nav-title-slide-ios7">
            <ion-nav-back-button class="button-clear">
                <i class="ion-arrow-left-c"></i> Back
            </ion-nav-back-button>
        </ion-nav-bar>
        <ion-nav-view animation="slide-right-left"></ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="right">
      ......
    </ion-side-menu>

</ion-side-menus>

在另一个.html文件中，我有这个：

<ion-view>
  <ion-nav-buttons side="right">
    <button menu-toggle="right" class="button button-icon button-clear ion-navicon"></button>
  </ion-nav-buttons> 

  <ion-content class="has-header" padding="true">
       <h1 style="text-align: center;">Home Page</h1>
  </ion-content>
</ion-view>

问题是导航按钮没有按预期显示：

我在手机上试过这个应用程序，它与图片中的相同。

可能是什么问题？谢谢。

Answer 1

我发现了问题！

我在其他CSS中覆盖了一些按钮样式。