离子2在离子复位器下移除线

Question

我试图删除用户拉下时出现的ion-refresher元素下的边框。我已尝试使用!important进行无边框无阴影和自定义css，但似乎没有删除它，如何删除用户拉下时出现的离子复习器下的线条

       <ion-refresher (ionRefresh)="doRefresh($event)" 
          no-border no-shadow style="border:none !important; box-shadow: none !important">
            <ion-refresher-content no-border no-shadow style="border:none !important">
            </ion-refresher-content>
       </ion-refresher>

Answer 1

你需要删除border-top。将其添加到您网页的CSS中：

.has-refresher>.scroll-content {
    border-top: 0;
}

Answer 2

离子修复器没有边框。边框是ion-content> div.scroll-content的一部分