删除 ionic 4 中输入的边缘

Question

我目前正在 ionic v4 上开发一个应用程序，我的问题是我无法移除焦点的边缘，之前在 ionic v3 中只有这些代码行被放置在 variable.css 中并且准备好了但是在这个版本不行，谢谢

  $text-input-md-highlight-color-invalid: transparent;
  $text-input-md-highlight-color-valid: transparent;
  $text-input-md-show-invalid-highlight: transparent;
  $text-input-md-highlight-color: transparent;
  $text-input-md-show-valid-highlight: transparent;
  $text-input-md-show-focus-highlight: transparent;
  $text-input-md-show-valid-highlight: $text-input-md-show-focus-highlight transparent;
  $text-input-md-show-invalid-highlight: $text-input-md-show-focus-highlight transparent;

Answer 1

您很可能在某个项目内部使用。那么你可以这样做

.item{
    --border-width: 0;
}

Answer 2

在 Ionic 4 中是这样的：

ion-item {
  --highlight-color-valid: transparent;
  --highlight-color-invalid: transparent;
  --highlight-color-focused: var(--ion-color-light);
}

官方信息： https://ionicframework.com/docs/api/item

Answer 3

同意 JP Torrellas 的观点。输入 global.scss:

ion-item {
    --highlight-color-valid: transparent;
    --highlight-color-invalid: transparent;
    --highlight-color-focused: var(--ion-color-light);
  }

删除 ionic 4 中输入的边缘

Remove the edges of an input in ionic 4

ionic4