搜索字段内的图像按钮？

Question

我想知道像 bing.com 或 Wolframalpha.com 这样的网站如何在文本字段内创建搜索按钮？如果你去每个网站，你就能清楚地明白我的意思。

Answer 1

让 Firebug 作为 Firefox 的插件。您可以单击屏幕上的元素并查看它们的 CSS。它将教您大量有关 CSS 的信息。他们实际上使用负边距来让这个傻瓜在 Bing.com 上浮动。

http://getfirebug.com/

Answer 2

简单：提交按钮（具有透明背景）位于输入字段上方..:)

Answer 3

这是代码，它在 Opera 中运行良好，但在其他浏览器中则不行。

submit_form {
    background:transparent url(submit.png) no-repeat;
    border:0 none;
    width:16px;
    height:16px;
    overflow:hidden;
    font-size:0px;
    text-decoration:none;
    cursor: pointer;
    margin-top: 0px;
    margin-left: -25px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 25px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}