移动端input标签相关问题解决

1.情景描述：

设置了input 字体颜色为黑色，但是 苹果机上显示 字体 为 灰色，安卓机看着是正常黑色

问题分析：
input 因为要设置成不可填写状态，设置了disabled（禁用状态），可能是默认禁用状态会置灰
修改成 readonly 试试，readonly- - -只读状态

问题解决：
先本地测试- - -
创建一个页面，编写 input 元素，分别设置 disabled 和 readonly 状态，
分享该页面的本地 ip 网址 给手机，苹果机查看效果
（手机和电脑连接的一样的网络，在同一网段下，可以访问电脑上创建的页面本地ip地址）

查看发现 设置 readonly 不会置灰，颜色正常

2.情景描述：

自己写了一个下拉列表功能页面，下拉菜单选项是用 input 写的，苹果手机点击子菜单后，页面会往上跳或下跳，我的安卓机测试页面点击选项后没有跳动

问题分析：
估计和 input 框是输入框有关，页面自动识别跳到填的位置吧

问题解决：
将input 修改成 div 后，再点击下拉选项后，不会跳动了

3.下拉选项元素改成div后下拉菜单值获取方法

可以 给 每个div选项元素设置一个自定义属性 。eg: data-val=“***”
属性值设置成每个选项对应的值，使用 js 获取被点击选中的 选项的 data-val 属性，就可以获取到下拉菜单选中的值了