移动端placeholder不能垂直居中解决方案

用户83 发布于2019-08-29 15:36 / 1005人阅读

摘要：问题描述问题如图手机端文字偏上，垂直方向不居中，光标显示偏上解决方案输入手机号码成果问题完美解决，文字完美居中，光标显示正常

1.问题描述

问题如图：手机端placeholder文字偏上，垂直方向不居中，input光标显示偏上

2.解决方案

css

          .phoneNumber input {

                width: 100%;
                font-size: .34rem;
                display: inline-block;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                font-family: PingFang-SC-Regular;
                border: 1px solid #68be4c;
                border-radius: .1rem;
                text-indent: .4rem;
                color: #333;
                padding: .16rem 0;
                float: left;
            }

html

3.成果

问题完美解决，placeholder文字完美居中，光标显示正常

GPU云服务器云服务器垂直居中实现垂直居中水平垂直居中文字垂直居中

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113431.html

【CSS练习】IT修真院--练习4-移动端界面

摘要：任务四一个最常见的移动端页面完成的事情完成简单布局，然后填充界面与效果图对比优化完成验收要求扩展性顶栏固定进行样式兼容性研究完成任务四深度思考跟随深度思考师兄建议进行修改输入栏左侧换用输入限制电话位，密码位根据结构的语义化修改尝试下再加一任务四、一个最常见的移动端页面完成的事情完成简单布局，然后填充界面与效果图对比优化完成验收要求：header扩展性 & 顶栏固定进行p...

kun_jian 2019-08-29 15:39 评论0 收藏0
移动端

摘要：纯，隐藏滚动条，保留鼠标滚动效果。中弹性拉伸的现象解决禁用那个层或者的事件的默认行为禁用音视频自动播放这个是苹果官方明确提出的，为了用户的利益。所以的浏览器依然是死角，不能做到自动播放。只是一个文档总结，纯粹是喜欢SF的Markdown。 HTML CSS X轴上采用百分比字体大小以及部分不能用百分比衡量者，采用REM单位 JS 配置页面根font-size大小 (f...

lowett 2019-08-20 18:21 评论0 收藏0
移动端

摘要：纯，隐藏滚动条，保留鼠标滚动效果。中弹性拉伸的现象解决禁用那个层或者的事件的默认行为禁用音视频自动播放这个是苹果官方明确提出的，为了用户的利益。所以的浏览器依然是死角，不能做到自动播放。只是一个文档总结，纯粹是喜欢SF的Markdown。 HTML CSS X轴上采用百分比字体大小以及部分不能用百分比衡量者，采用REM单位 JS 配置页面根font-size大小 (f...

chaosx110 2019-08-29 13:00 评论0 收藏0