我的问题已经在这里描述了: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 和带有 IE8 文档模式的 IE9 中。它不会出现在 IE7、IE9、IE10 或带有 IE8 文档模式的 IE10 中。
如何解决这个问题?