Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭
#4,780 0 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
angular, css, typescript
领域
frontend, mobile

调研方向

从 app.module.ts 中的模式配置和针对 .native-input[disabled] 的 variables.scss 规则开始。在 iOS 上复现禁用状态 ion-input 的外观并与 Android 进行比较,然后检查哪些 Ionic 样式添加了不透明度。完成标准是预期的禁用输入框颜色和不透明度在 iOS 上也得到遵循。

由索引模型根据 Issue 内容生成。

描述

triage

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

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

ionic-team/ionic-cli 的其他 Issue

查看 ionic-team/ionic-cli 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。