element ui 的表单在禁用状态时,在android手机显示无与pc显示一样,但是在ios显示却天差地别,基本看不到input placeholder 属性添加的默认提示信息。效果图如下:
在ios显示:
在android手机:
怎么改css都没用,后面查了一些资料,才找到问题所在:
移动端环境下android只需设定input的color即可。
而ios下input disabled
的默认样式会有默认样式opacity
以及隐藏样式-webkit-text-fill-color
el-input input{
color:#A3A2A2 !important;
opacity: 0.8;
-webkit-text-fill-color: #A3A2A2;
}