css - 为什么背景图片被长文本覆盖

Question

我有该字段的文本字段和背景图像样式。以下是应用的样式：

.leftPaneContent INPUT {
    background-color: #FFFFFF;
    background-image: url("../images/icon-search-large.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    border: 1px solid #D1D1D1;
    height: 14px;
    margin: 5px 0 5px 3px;
    overflow: hidden;
    padding: 2px 10px 4px 23px;
    width: 85%;
}

即使我在文本字段中输入长值，图像也会在 FF 中正确显示。而图像在 IE 中被覆盖为 long 值。

问题可以在 IE 中的下图中看到

有解决办法吗？

Answer 1

text-indent 没有解决 IE 中的问题。因此，我不得不将图像移出文本字段并将其包装在 div 中:)