IE 10在100 px后切断文本框中的文本

Jim*_*mbo 4 css textbox input internet-explorer-10

我有使用内联CSS指定的文本框,其宽度应为200px

<input type="text" name="xxx" value="yyy" style="width: 200px;" />
Run Code Online (Sandbox Code Playgroud)

IE 10将它们显示如下(突出显示文本被截断的位置)

在此输入图像描述

只要该文本框获得焦点,所有文本都会变为可见(然后在它再次失去焦点后,文本仍然可见)

任何人都有同样的问题,并设法解决这个问题?

Sme*_*egs 5

我99%肯定这与ie10中的"清除按钮"有关.

当文本框在ie10中获得焦点时,右侧会出现一个"x",允许您清除文本.

您可以通过将x添加到样式表来删除x

::-ms-clear {
display: none;
}
Run Code Online (Sandbox Code Playgroud)

有可能会弄清楚按钮的样式.我建议添加上面粘贴的样式,看看是否能解决您的问题.

这是一个小提琴,有点复制你的问题(坏css)

http://jsfiddle.net/qDTWw/3/

这是修复的小提琴

http://jsfiddle.net/qDTWw/4/