原文:【转】移动端input输入placeholder垂直不居中

在移动端编写input输入框时候,为了输入文字与输入框垂直居中,一般情况下,会将input的line height的高度等于height。但在移动端输入的时候会发现,虽然输入内容确实是垂直居中了,但是光标的位置是靠上的,导致感官上的不美观。于是对input设置的时候,首先确定字体的大小如font size: px,其次我们确定设计稿里input的高度,如input高度为 px,那么此时的代码应该是 ...

2015-12-01 11:34 1 16856 推荐指数:

查看详情

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

1.问题描述 问题如图:手机placeholder文字偏上,垂直方向不居中input光标显示偏上解决IE下不支持placeholder属性 2.解决方案 css html ``` <div class="phoneNumber"> < ...

Mon Nov 05 23:00:00 CST 2018 0 1129
[]移动实现垂直居中的几种方法

垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。有了css3,针对移动垂直居中就更加多样化。 方法1:table-cell html结构: css: 方法 ...

Sun Sep 06 06:45:00 CST 2015 0 4995
inputplaceHolder小字体垂直居中

login.html 需求:placeholder小字居中input输入手机号大字体。 效果:==================================>> ...

Wed Jan 09 00:36:00 CST 2019 0 771
input placeholder文字垂直居中(Mobile & PC)

Html5输入框支持placeholder,但是在定义文本框中定义placeholder存在兼容问题 但是在chrome下显示的search word并不能垂直居中。 在stackoverflow上找到了对应的方法。参考地址:http://stackoverflow.com ...

Fri Jan 03 19:23:00 CST 2014 0 30640
placeholder的字体大小跟input大小不一致,placeholder垂直居中

placeholder的字体大小跟input大小不一致,实现placeholder垂直居中 设计稿的placeholder的样式是这样的 输入值的时候大小是这样的 最后想要实现的效果是这样的 当我这样写的时候 效果是这样的,会稍微偏低一点 ...

Sat Aug 25 00:28:00 CST 2018 0 4947
【CSS】chrome input[type=text]标签内placeholder字体偏下,不垂直居中

最近在开发项目时发现,在移动input里面的placeholder字体偏下,但PC却是垂直居中,而两者的代码几乎相同,只是字体大小有差异,查询发现原来就是它惹的祸。 原因: 输入的文字font-size大于placeholder的font-size。 当时我的代码中PC移动 ...

Sun Jan 09 01:14:00 CST 2022 0 724
input日历类型placeholder移动不起作用

pc对h5input type=‘date’的兼容不高,好在插件多,而对于移动端来说,系统自带的date非常好用,而且功能强大,对前端来说可以去除好多不必要的代码及事件操控。 近期有用到过这个方便的输入框,发现手机上一进去时显示为一片空白,设置的placeholder不起作用,然后上网查了下 ...

Wed Mar 01 00:35:00 CST 2017 0 1412
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM