在IE8中填充的输入文本内的初始光标位置无效

Question

我的问题已在此处描述： http://the-dees.webs.com/iepp1/45-input-padding.html 但没有提供解决方案或解决方法。

问题：如果在IE8中输入带填充的文本，则文本的初始位置和闪烁的光标无效（它在输入的顶部呈现）。一旦开始输入，文本和光标就会移动到正确的位置（输入的中间位置）。

输入仅按以下方式设置：

input {
   padding: 10px 0;
}

我找到了一种解决方法，这对我来说是不可接受的。也就是说，如果我删除左边或右边的填充（或两者），一切看起来都很好：

input {
   padding-top: 10px;
   padding-bottom: 10px;
}

但是，如果你没有声明padding-left或padding-right为零，那么IE可能会给出一个奇怪的默认值（在我的例子中它是1px）

有趣的是，这个问题只出现在纯IE8和IE9文件模式的IE9中。 IE8，IE9，IE10或IE10在IE8文档模式下出现不。

如何解决这个问题？

Answer 1

在input上设置line-height属性将修复文本和插入符号的位置。