离子：删除字段下的行

Question

Ionic 在我创建的每个字段之后都在下方划线。我怎样才能删除这条线？这条线的东西“正式”叫什么？它可以被 CSS 移除吗？

我的代码：

<ion-grid style="height: 100%;" class="something-semantic">

  <ion-row class="something-else-semantic">

    <ion-col size-md="6" offset-md="3" class="something-semantic">

      <ion-card style="height: 100%;" class="something-else-semantic">

        <ion-card-header>

          <ion-card-title>

          </ion-card-title>

        </ion-card-header>

        <ion-card-content>

          <ion-item>

            <ion-thumbnail slot="start">

              <!-- <ion-img [src]="../../assets/logos/logo1.png"></ion-img> -->

              <img src="../../assets/logos/logo1.png">

            </ion-thumbnail>

            <ion-text style="color:#7fba00; font-weight: bolder; ">Cool Website</ion-text>

          </ion-item>

          <ion-item>

            <ion-text>Sign in</ion-text>

          </ion-item>

          <ion-item hidden>

            <ion-text style="color: red;">

              Account doesn't exist. Enter a different account or <a>get a new one.</a>

            </ion-text>

          </ion-item>

          <ion-item>

            <ion-input placeholder="Email or Username"></ion-input>

          </ion-item>

          <ion-item>

            <ion-text> Don't have an account? <a>Sign up</a> </ion-text>

          </ion-item>

          <div class="ion-margin-vertical ion-text-center">

            <ion-button fill="solid" expand="block" color="secondary" size="small"

              style="text-transform: none; width:auto;">Next</ion-button>

          </div>

        </ion-card-content>

      </ion-card>

    </ion-col>

  </ion-row>

</ion-grid>

这是它的样子，我想删除线条

第二个问题是：为什么在使用相对路径和正常 html 图像标签时图像可以工作，但在使用离子图像标签时却不能工作？ [查看我的代码]

Answer 1

如果您使用的是 ionic 4，你需要像这样在 ion-item 标签上做 lines="none"

<ion-item lines="none">
</ion-item>

（如果您使用的是旧版本，请尝试 no-lines instead）

离子：删除字段下的行

Ionic: Remove line under a field

html

css

ionic-framework

ionic3

ionic4