<input disabled="disabled" value="222222222222" class="readonly" />
<style scoped>
.readonly{
color: #000000;
}
input.readonly [disabled],
textarea [disabled] {
color: red;
-webkit-text-fill-color:red;
-webkit-opacity:1;
opacity: 1;
}
</style>
- 发布:2020-10-16 17:00
- 更新:2020-10-26 11:46
- 阅读:1443
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.9.3
手机系统: iOS
手机系统版本号: IOS 14
手机厂商: 苹果
手机机型: 苹果11
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<input disabled="disabled" value="222222222222" class="readonly" />
<style scoped>
<style scoped>
.readonly{
color: #000000;
}
</style>
</style>
<input disabled="disabled" value="222222222222" class="readonly" />
<style scoped>
<style scoped>
.readonly{
color: #000000;
}
</style>
</style>
预期结果:
字体颜色为黑色
字体颜色为黑色
实际结果:
字体颜色为浅灰色,ios13没有该现象
字体颜色为浅灰色,ios13没有该现象
bug描述:
ios上input为disabled是字体颜色变淡且无法改变颜色(用字体颜色:#000)
2 个回复
DCloud_UNI_GSQ
问题确认,已加分,后续优化
DCloud_UNI_GSQ
HBuilderX alpha 2.9.5 已修复
1***@qq.com (作者)
ok,了解
2020-11-06 09:42