element ui 的表单在禁用状态时,在android手机显示无与pc显示一样,但是在ios显示却天差地别,基本看不到input placeholder 属性添加的默认提示信息。效果图如下:
在ios显示:
在android手机:
怎么改css都没用,后面查了一些资料,才找到问题所在:
移动端环境下android只需设定input的color即可。
而ios下input disabled
的默认样式会有默认样式opacity
以及隐藏样式-webkit-text-fill-color
文章来源:https://www.toymoban.com/news/detail-762420.html
el-input input{
color:#A3A2A2 !important;
opacity: 0.8;
-webkit-text-fill-color: #A3A2A2;
}
文章来源地址https://www.toymoban.com/news/detail-762420.html
到了这里,关于element ui ios移动端 表单兼容问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!