Как убрать элемент-внутреннюю границу в ионные

Question

      <ion-item  color="transparent" padding="0px">
        <ion-input type="email" placeholder="username"></ion-input>

      </ion-item>

      <ion-item color="transparent" padding="0px" no-lines>
        <ion-input  id="password" type="password"  placeholder="Password"></ion-input>
        <ion-icon name="albums"></ion-icon>
      </ion-item>

Я создаю форму входа в систему. Но у меня проблема в том, что я хочу добавить нижнюю белую рамку в item-inner. Мой CSS не работает, плз, если у вас есть какие-либо предложения, дайте мне ..... Спасибо

Answer 1

попробуйте

<ion-item lines="none" class="remove_inner_bottom"> //here is the border bottom removal code
    <ion-label>
      No Lines Item
    </ion-label>
  </ion-item>

Приведенный выше код не имеет нижней границы

внутри вашей css

.remove_inner_bottom{
   --inner-border-width: 0; // this removes the inner border width
}

Найдите ссылку для нанесения сасса на ионный элемент

Answer 2

Попробуйте:

<ion-list lines="none">
      <ion-item  color="transparent" padding="0px">
        <ion-input type="email" placeholder="username"></ion-input>

      </ion-item>

      <ion-item color="transparent" padding="0px" no-lines>
        <ion-input  id="password" type="password"  placeholder="Password"></ion-input>
        <ion-icon name="albums"></ion-icon>
      </ion-item>
</ion-list>

OR

.item-inner{
  border-style: unset !important;
}