代码没法写，度娘不让；
你可以参考bootstrap相关样式：
bootstrap有一大套关于input、button的样式 里面对几乎每个细节都有描述，
包括边框，圆角 背景 点击样式 等等；直接用chrome 审查元素就能看到；
你可以直接把他的复制到你的样式里面，也可以直接用他的 然后写个样式覆盖他的；
这是我引用他的然后覆盖样式后的样子：
吧text框定位在那个位置，然后用css去除border，然后把一个红色图标和黑色图标做个鼠标悬停效果，应该是这样。建议学习bootstrap YUI等css framework，程序猿的时间很宝贵，不能什么都从头写。站在巨人肩膀上。
input的属性去掉，定义整个背景图片，然后把点击的图片绝对定位！
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ号：24596024