文本输入字段中的CSS错误 - MSIE7

Question

我在MSIE7中有问题的表单中有输入文本。 当文本字段填满并继续输入时，背景开始向左滚动以及文本。

这是填写文本字段时的表单

背景图片，带圆角的白色矩形，向左滚动文字，留下黑色背景。

这是此文本字段的CSS：

  border: none;
  background: url('/wp-content/themes/pokerbuddy/images/field.png') top left no-repeat; 
  width: 100px; 
  height: 20px; 
  padding: 0px; 
  font-size: 80%;  
  color: #399;  
  display:inline;

有没有办法在MSIE7中解决这个问题？

Answer 1

input{overflow:hidden;}

不知道这是否有效。

Answer 2

我认为你对这一行有疑问。

background: url('/wp-content/themes/pokerbuddy/images/field.png') top left no-repeat;

你不是说

`background: url('/wp-content/themes/pokerbuddy/images/field.png') top left repeat-x;`

Answer 3

是的，有办法解决这个问题，但这有点痛苦。您不应将文本字段与背景图像放在同一个div中。它应该更像这样（HTML结构的例子）：

<div style="background-image: url('/wp-content/themes/pokerbuddy/images/field.png');>

<div class="textboxStylesHere" style="(specify width, maybe overflow hidden)">
</div>

</div>

疼痛，但它有效。