ionic-team / ionic-team/ionic-cli

iOS ion-input .native-input[disabled] opacity

Abierto
#4,780 0 comentarios 1 reacción 0 asignados Ver en GitHub
triage
Lenguaje dominante
TypeScript
Estrellas
2k
Forks
682
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

**Description:**

I was changing my CSS theme when I realized that in iOS for some reason the opacity is not removed in the ion-inputs.

I have my application configured in md style and I have a class for all native-input[disabled] and on android is fine but on iOS looks like it has extra non-configurable opacity which makes the letter barely readable with that tone.
Hope some help on this.
All the best.

**Steps to Reproduce:**

```
// in app.module.ts
IonicModule.forRoot({
mode: 'md'
})

// in variables.scss inside root:
.native-input[disabled] {
opacity: 1;
background-color: transparent;
color: var(--ion-color-medium); // #999999
}
```

**Output:**

**My `ionic info`:**

```

Ionic:

Ionic CLI : 6.17.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.8.4
@angular-devkit/build-angular : 12.1.4
@angular-devkit/schematics : 12.2.11
@angular/cli : 12.1.4
@ionic/angular-toolkit : 4.0.0

Capacitor:

Capacitor CLI : 3.2.5
@capacitor/android : 3.2.5
@capacitor/core : 3.2.5
@capacitor/ios : 3.2.4

Utility:

cordova-res : 0.15.3
native-run : 1.5.0

System:

NodeJS : v14.18.0 (/usr/local/bin/node)
npm : 7.24.2
OS : macOS Big Sur
```

**Other Information:**

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.