手机上轻松实现圆角搜索框

作者:vkvi 来源:千一网络(原创) 日期:2016-10-10

由于手机浏览器支持 CSS 3,并且兼容性好,所以我们在制作圆角搜索框时就比较轻松。

一、准备一张放大镜图标,让我们的搜索框看起来更上档次,如下:

搜索图标

二、HTML 代码

三、CSS 代码

效果如下:

圆角搜索框

相关文章