【CSS】移动端下 input placeholder 不垂直居中问题

PC端chrome设备模拟器里面


iphone7里面


区别

  • iphone7 下 placeholder 字体变成12px
  • 移动端下，placeholder 不垂直居中

解决方案：

input::-webkit-input-placeholder{
        font-size: 14px ；    //解决iphone下字体大小为12的问题（和input大小不一致）
        line-height: 1em；   //解决不垂直居中的问题
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1赞 92
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,366评论 25赞 709
  • （3）
    幸福不是你能左右多少人， 而是多少人在你的左右。
    风与光阅读 1,430评论 0赞 2
  • 《暑夏夕阳》
    傍晚霞光架千云 高空归鸟回树林 风景虽美热焰盛 转步回家享温馨
    卖菜诗人阅读 1,729评论 5赞 5
  • 好习惯，曾来不简单
    继续心中的文韬武略，早晚各跑了八公里，并进行了力量练习。身体感觉舒服，只是膝部微痛，须加强下肢力量训练。强健的体魄...
    80357082eadb阅读 877评论 0赞 0