css - 搜索字段内的图像按钮？

Question

我想知道像 bing.com 或 wolframalpha.com 这样的网站是如何在文本字段内创建搜索按钮的？如果你去每个网站，你可以清楚地看到我的意思。

Answer 1

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

Answer 2

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

http://getfirebug.com/

Answer 3

根据这个搜索框背景图像的想法进行格式化怎么样？

http://zenverse.net/create-a-fancy-search-box-using-css/

Answer 4

@dscher -

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

提交表格 {

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;

}