移动端输入框光标显示问题

原创 muou2125 教程 方法 455阅读 2017-05-24 10:48:28 举报

在做移动端页面的时候碰到过输入框这样的显示问题

无值时

有值时(图片是网上找的-.-)
当点击输入框未输入的时候,光标占满了整个输入框,当输入值时,光标向上对齐,两种情况都未居中,
解决办法是:
对input设置高度,然后把行高line-height设置为1.5em;(例:input{height:1rem; line-height:1.5em;})
这样就能显示正常了。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复