Question

我想问一下，怎么用css+图片写搜索框，

这是我在网上下载的素材，有psd格式的，我想应用最后一个效果，该怎么用,代码都麻烦写上注释，谢谢

Answer 1

代码没法写，度娘不让；

你可以参考bootstrap相关样式：

    bootstrap有一大套关于input、button的样式 里面对几乎每个细节都有描述，

    包括边框，圆角 背景 点击样式 等等；直接用chrome 审查元素就能看到；

    你可以直接把他的复制到你的样式里面，也可以直接用他的 然后写个样式覆盖他的；

    这是我引用他的然后覆盖样式后的样子：

Answer 2

吧text框定位在那个位置，然后用css去除border，然后把一个红色图标和黑色图标做个鼠标悬停效果，应该是这样。建议学习bootstrap YUI等css framework，程序猿的时间很宝贵，不能什么都从头写。站在巨人肩膀上。

Answer 3

input的属性去掉，定义整个背景图片，然后把点击的图片绝对定位！