苹果手机浏览器 不支持line-height属性的解决方法

在搞input输入框的时候在 苹果浏览器上有点奇怪

input{
	height: 35px;
	line-height: 35px;
}
<input type="text" placeholder="请输入信息">

然后输入上并没有问题 主要是 用户点击的时候 那个输入指示的竖线 和 input输入框的高度一样
很难看 我想要的是 输入的竖线 和placeholder 的高度一样 当用户点击的时候
就像我下面写的红色线条一样 很难受
我才用的解决方法是 使用padding 内边距进行撑起
假设 高度是 40px; 字体的大小是 16px;
那么上下就是 (40-16)/2=12px;
padding:12px 0; 这样就好了
这个方法还是比较推荐 网上还有其他的方法 童鞋们可以去搜索看看
苹果手机浏览器 不支持line-height属性的解决方法_第1张图片

你可能感兴趣的:(苹果浏览器)