昨天在iPhone的Safari中发现了这个问题，line-height 属性不能使input输入框中的光标垂直居中，总会有偏移量。查找资料之后发现要换一写法。
height = padding + font-size; 这样通过padding方式达到的居中效果没有问题。如果高度是30px，字体大小是16px，设置line-height和字体大小相同，计算得上下内边距是7px。
input{
padding:7px 0;
height: 30px;
font-size: 16px;
line-height: 16px;
}
昨天在iPhone的Safari中发现了这个问题，line-height 属性不能使input输入框中的光标垂直居...
昨天在iPhone的Safari中发现了这个问题，line-height 属性不能使input输入框中的光标垂直居...
在iPhone的Safari中发现了这个问题，line-height 属性不能使input输入框中的光标垂直居中，...
关于Input在手机端光标不垂直居中的问题，网上的一些资料是这么解释的： 在Chrome浏览器中，当设置了line...
iOS上面输入框光标和字体无法居中 如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用l...
input在safari中使用line-height不能垂直居中，需要用vertical-align:middle...
如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用line-height垂直居中。解决方...
如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用line-height垂直居中。解决方...
1.Q:safari input 光标过长 A: 2.Q: 火狐上按钮虚线边框 A:
ie 下input光标位置垂直不居中问题 input输入框用一个背景图模拟，设置height和line-heigh...
本文标题：Safari浏览器中input 光标不居中解决方案
本文链接：https://www.haomeiwen.com/subject/ecdfqxtx.html
网友评论