element ui 移动端IOS设备input框光标不垂直居中问题处理
说明:在移动端开发时发现ios设备光标偏上,不垂直居中,经过测试 设置 line-height:normal; vertical-align: middle;没有效果,经过研究测试发下使用以下代码可以将问题解决,亲测有效,特此记录。
HTML
<el-input v-model="Recommend" class="ipt" placeholder="请输入推荐人"></el-input>
css样式处理
/* 处理ios el-input框光标不垂直居中问题 */
.ipt .el-input__inner {
line-height: 0px !important;
}
.ipt input::-webkit-input-placeholder {/* WebKit browsers*/
line-height: 20px;
}
.ipt input:-moz-input-placeholder { /* Mozilla Firefox 4 to 18*/
line-height: 20px;
}
.ipt input::-moz-input-placeholder { /* Mozilla Firefox 19+*/
line-height: 20px;
}
.ipt input:-ms-input-placeholder { /* Internet Explorer 10+*/
line-height: 20px;
}