1

我的问题已经在这里描述了: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 中。

如何解决这个问题?

4

1 回答 1

0

line-height属性设置为 oninput将固定文本和插入符号的位置。

于 2014-09-10T18:44:59.940 回答