ionic-team / ionic-team/ionic-cli

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

オープン
#4,780 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る
triage
主要言語
TypeScript
スター
2k
フォーク
682
PR マージ指標
30日以内にマージされた PR はありません

説明

**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:**

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。