Question

我想把下面这张图中的“搜索”图标放在搜索框的右边 CSS要怎么写？

Answer 1

@.....这个咋个说呢，虽然很简单……
就拿verycd那搜索框做例吧……，自己写了个……
HTML：
<div id="top-search">
<input type="text" id="top-search-input" name="kw" value="" />
<input type="submit" id="top-search-lib" class="top-search-button" value="资源" />
<input type="button" id="top-search-site" class="top-search-button" value="高级搜索" />
<input type="button" id="top-search-advance" class="top-search-button" value="发布资源"
/></div>

CSS：
#top-search/*背景*/
#top-search input/*整体input设置*/
#top-search #top-search-input/*调整输入框*/
#top-search-lib,#top-search-site,#top-search-advance/*其它三个按钮，隐藏字体*/

图片就用下面这张：

Answer 2

background:url(图片路径) no-repeat; background-position:10px -19px; 后边的坐标只是个例子，你试着修改下，把图调到正确位置就可以了。

追问

但是左边的“搜索”图标左边的部分也会显示的，我查看了淘宝的CSS 发现它的搜索图标是专门用个label标签，label标签确定长宽，再用背景图片定位图标。所以我猜不可能直接在input标签中用大图片确定图标！

Answer 3

代码能粘出来么 主要是定位准确就可以了