什么是在文本框ex：searchbox上设置背景图像样式的最佳方式

Question

之前我已经完成了这个但是由于某种原因我现在尝试使用fieldset来显示背景图像，我只能在firefox中看起来很漂亮。什么是一个很好的跨浏览器解决方案，可以将背景图像添加到文本框中。

我正在尝试的例子

<div class="subscribe">
                <form method="get" id="searcform" action="">
                    <fieldset class="search">
                        <input type="text" class="box" value="Subscribe to Email Newsletter" />
                        <button class="btn" title="Subscribe">Subscribe</button>
                    </fieldset>
                </form>
            </div>

Answer 1

我不确定你的意思究竟是什么元素，但​​以下内容应该有效：

input[type=text],
textarea {
    background: #fff url(path/to/image.png) 0 0 no-repeat;
}

Answer 2

只需将输入透明并放入容器div中即可。

示例： http://jsfiddle.net/LRWWH/

跨浏览器友好。