我想知道bing.com或wolframalpha.com等網站如何在文本框內創建搜索按鈕?如果你去每個網站,你可以清楚地看到我的意思。搜索字段內的圖像按鈕?
回答
簡單:提交按鈕(帶有透明背景)高於輸入字段.. :)
讓自己的Firebug爲Firefox瀏覽器插件。您可以點擊屏幕上的元素並查看他們的CSS。它會教你關於CSS的信息。他們實際上使用負邊距讓Binguck漂浮在Bing.com上。
@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;
}
只是一個建議:這應該被放回到原來的職位。你應該可以編輯它,然後刪除這個帖子。 – bradlis7 2010-04-01 19:35:26
原始文章是在未註冊的帳戶上提交的,所以我無法回去編輯它。 – user307194 2010-04-01 19:49:16
啊,無賴。沒關係。 – bradlis7 2010-04-01 20:10:45
如何根據這個搜索框背景圖片的想法格式化?
- 1. Bing搜索框內的搜索按鈕
- 2. 如何獲取mdbootstrap中輸入字段內的搜索按鈕?
- 3. 安卓搜索按鈕和搜索字段在行動吧
- 4. 搜索字段中的搜索圖標
- 5. 按嵌套字段搜索
- 6. Sitecore.ContentSearch按字段值搜索
- 7. 圖像和按鈕內的文字
- 8. 當按下按鈕/摺疊搜索字段時,Android搜索菜單項消失
- 9. 在源內搜索圖像
- 10. Android EditText字段像按鈕
- 11. 按鈕字段(使用圖像作爲按鈕)焦點問題
- 12. 搜索鍵盤中的搜索按鈕
- 13. 搜索框與按鈕像谷歌
- 14. 把搜索框搜索按鈕的左側點擊按鈕
- 15. 使用AngularJS搜索輸入字段中的重置按鈕
- 16. 按字符串搜索字段名稱
- 17. 名稱爲內搜索欄按鈕
- 18. 按Lucene中的字段搜索
- 19. Twitter-Bootstrap - 在搜索字段下方顯示導航欄搜索按鈕
- 20. 搜索按鈕+ gridview
- 21. VB.net搜索按鈕
- 22. AngularJS搜索按鈕
- 23. 更改NSSearchField中搜索按鈕單元格的圖像
- 24. 帶背景高度不一致圖像的搜索按鈕
- 25. 搜索按鈕上的文本或圖像CSS
- 26. 攔截搜索按鈕按
- 27. 搜索按圖像類型的特徵
- 28. Dynamique按鈕內部視圖的圖像
- 29. 當字段爲空時,爲UISearchBar啓用「搜索」按鈕? (iOS 7)
- 30. Safari搜索字段取消按鈕回叫?
謝謝,這正是我所需要的。 Opera和Chrome(我測試過的兩款瀏覽器)在定位上似乎存在一些差異。任何方式專門爲瀏覽器指定位置? – ThunderStrike 2010-04-01 03:29:52
嗯...不能特別評論。你可以將你的一些CSS粘貼到你的原始文章中,我會看看。只需將位於直接區域的選擇器粘貼到搜索字段即可。 – dscher 2010-04-01 13:13:31