搜索字段內的圖像按鈕？

Question

我想知道bing.com或wolframalpha.com等網站如何在文本框內創建搜索按鈕？如果你去每個網站，你可以清楚地看到我的意思。

Answer 1

簡單：提交按鈕（帶有透明背景）高於輸入字段.. :)

Answer 2

讓自己的Firebug爲Firefox瀏覽器插件。您可以點擊屏幕上的元素並查看他們的CSS。它會教你關於CSS的信息。他們實際上使用負邊距讓Binguck漂浮在Bing.com上。

http://getfirebug.com/

Answer 3

@dscher -

下面的代碼，它在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; 

}

Answer 4

如何根據這個搜索框背景圖片的想法格式化？

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