美文网首页
input输入框在ios中光标及字体不居中

input输入框在ios中光标及字体不居中

作者: 小棋子js | 来源:发表于2019-12-04 14:28 被阅读0次

如何解决input输入框在ios中光标及字体不居中的问题;
问题根本:不要使用line-height垂直居中。
解决方法:可直接定义height,然后高度由上下padding值撑开。

::-webkit-input-placeholder {
    height: 66px;
    line-height: 44px;
  }
input {
    font-size: 1.6rem;
    height: 1.6rem;
    padding: 1rem 0;
}

相关文章

网友评论

      本文标题:input输入框在ios中光标及字体不居中

      本文链接:https://www.haomeiwen.com/subject/ksncgctx.html