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

使用离子2+，使用属性no-border：

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

它也适用于<ion-header>

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

2 个答案: