<ion-footer-bar> 显示在 iOS Ionic View 中，带有灰色细线

Question

<ion-footer-bar class="pizza-footer">
    <img ng-src="img/pizza_bottom.png" />
</ion-footer-bar>

在我的样式表中，我将这些样式应用于页脚栏和图像。

ion-footer-bar {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color:transparent !important;
}

尽管进行了这种尝试，但我无法删除页脚栏上方的灰色细线。有没有 CSS 属性我应该考虑的？

注意：只有当我在 Ionic View 中编译和查看应用程序时，才会出现这条灰线。 Chrome 和 Safari 不显示这条灰线。

Answer 1

试试这个：

<ion-footer-bar class="pizza-footer no-line">
    <img ng-src="img/pizza_bottom.png" />
</ion-footer-bar>

.no-line{
  background-color:transparent !important;
  background-image: none !important;
  border:0px !important;
}

Answer 2

对于 ionic 2+ 使用属性 no-border:

<ion-footer no-border>
...
</ion-footer>

它也适用于 <ion-header>

<ion-footer-bar> 显示在 iOS Ionic View 中，带有灰色细线

<ion-footer-bar> displays in iOS Ionic View with thin grey line

ios

angularjs

ionic-framework

ionic

ionic-view