ZFPartric
ZFPartric
  • 发布:2019-07-18 11:16
  • 更新:2019-07-18 11:16
  • 阅读:1860

uniapp 真机运行,表单标签禁用内容显示问题

分类:uni-app

代码片段:
<textarea class="flex-1" disabled v-model="form.reason" />
<input v-model="handleCompanyName" disabled />
问题描述:
真机运行是表单标签元素disabled时,显示内容的字体颜色很淡。见图
浏览器运行的字体颜色稍微深点,比较看的清楚字体颜色为#999。
环境:
hbuilderx:2.1.1.20190716
真机: iOS12.0

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
[图片]
[图片]
[图片]
[步骤]

<form class="c-form">
<view class="form-group">
<label class="form-group-label">企业名称:</label>
<input class="flex-1" disabled v-model="form.name" />
</view>
<view class="form-group">
<label class="form-group-label">产品:</label>
<input class="flex-1" disabled v-model="form.product" />
</view>
<form>
真机运行,查看表单详细信息时给input添加disabled属性,在浏览器上能够正常显示,真机运行时input绑定的数据颜色非常淡

[结果]

[期望]

添加disabled属性后,能够用户通过css设置颜色

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

HBuilderX 2.1.1.20190716

macOS 10.14.3

uni-app运行环境说明

运行端: app会有此问题,浏览器端正常

[运行端版本号]

[项目是HBuilderX创建的]

编译模式是新的自定义组件模式

App运行环境说明

[iOS版本号] 12.0

[手机型号] iPhone 7

附件

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

<form class="c-form">
<view class="form-group">
<label class="form-group-label">企业名称:</label>
<input class="flex-1" disabled v-model="form.name" />
</view>
<view class="form-group">
<label class="form-group-label">产品:</label>
<input class="flex-1" disabled v-model="form.product" />
</view>
<form>
绑定表单元素内容后加上disabled真机运行查看即可

联系方式

[QQ] 562274133

2019-07-18 11:16 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复