離子-Bar Footer CSS

Question

我正在嘗試消除Ionic的bar頁腳上的邊框，但在bar-subfooter的頂部和底部仍然有白線，而且我不知道如何消除它：

這是我的CSS：

.introduction {
  i {
    font-size: 3rem;
    color: $white;
    line-height: 190px;
  }

  .icon-circle {
    background-color: $darkgray;
    width:190px;
    height: 190px;
    border-radius: 100%;
    margin: auto;
    margin-top: 85px;
    text-align: center;
  }

  .info {
    margin: 50px 30px 0 30px;
    text-align: center;
  }
}

.bar-footer {
  height: 50px;
  background-color: $dark-background-color;
  border: 0;

  a {
    margin:auto;
    color: $white;
    text-decoration: none;
  }
}

.bar-subfooter {
  border: 0;
  bottom: 50px;
  height: 74px;
  padding-left: 15px;
  padding-right: 15px;
}

這是我的html：

<ion-content class="introduction">

    <div class="icon-circle">
      <i class="ion-thumbsup"></i>
    </div>

  <div class="info">
    <h3>Som ansatt i Coop har du nå tilgang til interne nyheter via din mobil. </h3>
  </div>
</ion-content>
<ion-footer-bar class="bar bar-subfooter">
  <input type="submit" class="button button-next button-positive" value="Neste">
</ion-footer-bar>
<ion-footer-bar class="bar bar-footer">
  <a ui-sref="main.front">Hopp over introduksjon</a>
</ion-footer-bar>

最終結果如下所示：

Answer 1

頁腳使用background-image而不是border

.bar-footer{
      background-image:'none';
}