Q

搜索字段内的图像按钮？

2010-04-01 39 views 2 likes

2

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

2010-04-01 ThunderStrike

A

回答

1

简单：提交按钮（带有透明背景）高于输入字段.. :)

2010-04-01 00:55:34

1

让自己的Firebug为Firefox浏览器插件。您可以点击屏幕上的元素并查看他们的CSS。它会教你关于CSS的信息。他们实际上使用负边距让Binguck漂浮在Bing.com上。

http://getfirebug.com/

2010-04-01 00:58:43 dscher

+0

谢谢，这正是我所需要的。 Opera和Chrome（我测试过的两款浏览器）在定位上似乎存在一些差异。任何方式专门为浏览器指定位置？ – ThunderStrike 2010-04-01 03:29:52

+0

嗯...不能特别评论。你可以将你的一些CSS粘贴到你的原始文章中，我会看看。只需将位于直接区域的选择器粘贴到搜索字段即可。 – dscher 2010-04-01 13:13:31

-1

@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;

}

2010-04-01 19:18:07 user307194

+0

只是一个建议：这应该被放回到原来的职位。你应该可以编辑它，然后删除这个帖子。 – bradlis7 2010-04-01 19:35:26

+0

原始文章是在未注册的帐户上提交的，所以我无法回去编辑它。 – user307194 2010-04-01 19:49:16

+0

啊，无赖。没关系。 – bradlis7 2010-04-01 20:10:45

0

如何根据这个搜索框背景图片的想法格式化？

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

2011-09-28 16:54:55 IberoMedia

相关问题