资讯专栏INFORMATION COLUMN

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

用户83 / 1019人阅读

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

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文字完美居中,光标显示正常

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

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

相关文章

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

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

    kun_jian 评论0 收藏0
  • 移动

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

    lowett 评论0 收藏0
  • 移动

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

    chaosx110 评论0 收藏0

发表评论

0条评论

用户83

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<