在网页设计中,搜索框是一个非常重要的元素。使用CSS可以很容易地为搜索框添加一个搜索图标或放大镜,给用户一个更直观的搜索体验。下面我们就来一起学习一下如何实现CSS中搜索的放大镜。首先,我们需要用HT
<form class="search-form"> <input type="text" placeholder="Search"> <button type="submit"><i class="fa fa-search"></i></button> </form>
.search-form button i:before { content: "f00e"; font-family: FontAwesome; font-size: 18px; color: #999; } .search-form button:focus i { color: #333; }
粉丝
0
关注
0
收藏
0