欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-13 10:45:53
...
看到一款很漂亮的搜索框,于是就实现了下,现在展现给大家,希望大家喜欢。


首先,看看效果。



失去焦点时


获得焦点时


鼠标经过go按钮时

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

1、css样式

    

2、js代码

    

3、html代码


如有疑问可联系:

QQ:1004740957

Email:niujp08@qq.com