iOS ion-input .native-input[disabled] opacity
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- angular, css, typescript
调研方向
从 app.module.ts 中的模式配置和针对 .native-input[disabled] 的 variables.scss 规则开始。在 iOS 上复现禁用状态 ion-input 的外观并与 Android 进行比较,然后检查哪些 Ionic 样式添加了不透明度。完成标准是预期的禁用输入框颜色和不透明度在 iOS 上也得到遵循。
由索引模型根据 Issue 内容生成。
描述
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:
- 主要语言
- TypeScript
- 星标
- 2k
- 派生
- 681
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
ionic-team/ionic-cli 的其他 Issue
-
triage
难度 1/5 1 小时以内 新手友好度 65/100
ionic-team/ionic-cli#5016 ·
-
triage
难度 5/5 一周以上 新手友好度 15/100
ionic-team/ionic-cli#5131 ·
-
triage
难度 3/5 1-2 天 新手友好度 56/100
ionic-team/ionic-cli#5130 ·
-
triage
难度 3/5 1-2 天 新手友好度 72/100
ionic-team/ionic-cli#5129 ·
-
triage
难度 3/5 1-2 天 新手友好度 42/100
ionic-team/ionic-cli#5127 · 2 条评论 ·
查看 ionic-team/ionic-cli 的全部 Issue
相似的 Issue
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs 未关闭
难度 2/5 1-3 小时 新手友好度 70/100
-
Crush 未关闭
难度 1/5 1 小时以内 新手友好度 85/100
catppuccin/catppuccin#3125 ·
-
难度 1/5 1 小时以内 新手友好度 90/100
ElementsProject/cln-application#167 · 1 条评论 · 1 个 reaction ·
-
难度 2/5 1-3 小时 新手友好度 75/100
Quantco/pnpm-licenses#17 ·
-
难度 2/5 1-3 小时 新手友好度 75/100