离子应用程序中的背景渐变

Question

我有以下应用：

<ion-content class="padding sign-in-form">
    <div > My APP</div>
      <div class="list list-inset" style="padding: 15px">
        <label class="item item-input">
          <input type="text" placeholder="Username" ng-model="data.username">
        </label>
        <label class="item item-input">
          <input type="password" placeholder="Password" ng-model="data.password">
        </label>
        <button class="button button-block button-energized" ng-click="login()">Login</button>
        <button class="button button-small button-outline button-assertive" ng-click="signup()">SIGN UP</button>
        <button class="button button-clear button-stable" style="float: right;">
          Forgot Password
        </button>

      </div>
    </ion-content>

<style>
  .sign-in-form{
    background: linear-gradient(#FF9C1B, #FFC837);
    background: -webkit-linear-gradient(to left, #FF9C1B , #FFC837); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left,#FF9C1B , #FFC837); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
</style>

当我在ios设备上以离子视图预览应用程序时，我看到了背景渐变，但是当我在Android设备上启动相同的东西时，没有背景颜色/渐变。我正在使用离子视图应用程序预览应用程序。