css实现一款漂亮的查询框_html/css

来源：步遥情感网

看到一款很漂亮的搜索框，于是就实现了下，现在展现给大家，希望大家喜欢。

首先，看看效果。

失去焦点时

获得焦点时

鼠标经过go按钮时

上面展示的是实现后的效果，实现的主要在css控制，再次，添加了text的获得焦点和失去焦点的事件，下面是详细代码：

1、css样式

2、js代码

3、html代码

如有疑问可联系：

QQ：1004740957

Email：niujp08@qq.com

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务