文本输入字段中的 CSS 错误 - MSIE7
我的表单中的输入文本在 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;
Is there any way to Solution this in MSIE7?
I have an input text in a form that has a problem in MSIE7.
When the text field is filled and I continue typing, the background starts scrolling left along with the text.
This is the form when the text field is filled
The background image, a white rectangle with rounded corners, scrolls left with the text, leaving the black background.
This is the CSS for this text field:
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;
Is there any way to solve this in MSIE7?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
是的，有办法解决这个问题，但是有点痛苦。您不应将文本字段与背景图像放在同一 div 中。它应该更像这样（HTML 结构的示例）：
痛苦，但它有效。
Yes, there is a way to solve this, but it's a bit of a pain. You shouldn't put the textfield in the same div with the background image. It should be more like this (example of HTML structure):
Pain, but it works.
不知道这是否有效。
Don't know if this will work.
我认为你这条线有问题。
你不是说
I think you have a problem with this line.
Don't you mean