首页 > 技术文章 > 移动端input的disabled属性对字体颜色影响

L-xjco 2020-11-11 11:20 原文

对于表单输入,input是很好的选择,这次记录主要是正对input的value值字体在Android和iOS(11)设备下显示不同问题:

如下图:1、2的区别主要是分别设置disabled、readonly属性。对于设置了disabled的input框,字体颜色会同input:placeholder一样(灰色),2、3的方式能正常显示#333颜色,而3的方式比较麻烦。

对于这种有信息是选填的,设置点击input为不可编辑状态很重要,键盘弹起会影响页面布局。

推荐阅读