Ich entwickle gerade eine App für ionic v4 und mein Problem ist, dass ich die Ränder des Fokus nicht entfernen kann. Bisher wurden in ionic v3 nur diese Codezeilen in variable.css platziert und sind bereit, aber in dieser Version funktioniert es nicht. Vielen Dank

  $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;

enter image description here

1
Ivan More Flores 19 Jän. 2019 im 01:25

3 Antworten

Beste Antwort

In Ionic 4 ist es so:

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

Offizielle Informationen: https://ionicframework.com/docs/api/item

7
JP Torrellas 2 Feb. 2019 im 00:45

Höchstwahrscheinlich verwenden Sie in einem Artikel. Dann können Sie dies tun

.item{
    --border-width: 0;
}
0
Kabir 21 Jän. 2019 im 06:40

Stimmen Sie JP Torrellas zu. Geben Sie global.scss ein:

ion-item {
    --highlight-color-valid: transparent;
    --highlight-color-invalid: transparent;
    --highlight-color-focused: var(--ion-color-light);
  }
0
Carlitos12 26 Aug. 2019 im 05:40