成品图出来长这样:
一开始想用font-awesome,然后发现搜索图标是直接在input里面的。
方法:css中给input设置背景图
步骤:
background: url(../img/search.png) no-repeat; //引入图片,避免图片重复
background-position: right; //让图片在搜索框右边
background-size: 35px; //调整图片大小
成品图出来长这样:
一开始想用font-awesome,然后发现搜索图标是直接在input里面的。
方法:css中给input设置背景图
步骤:
background: url(../img/search.png) no-repeat; //引入图片,避免图片重复
background-position: right; //让图片在搜索框右边
background-size: 35px; //调整图片大小