搜索栏中的搜索图标 [英] Search icon in Search field

问题描述

如何将搜寻图标放入搜寻栏位。此图标位于搜索栏的前面，搜索栏后面有搜索按钮。
这样的东西 -

解决方案

  input {
 background：url （http://kodyrabatowe.wp.pl/img/ico/search_gr.png）左上角不重复; 
 height：30px; 
 padding-left：25px; 
} 
 ////////////////////////// 
 <！ -  html code  - > 
< input type =textname =txtBox> 
  

how can i place search icon in the search field. This icon is in the front of the search field while search button follows the search bar. something like this-

解决方案

 input{    
background: url("http://kodyrabatowe.wp.pl/img/ico/search_gr.png") top left     no-repeat;
height:30px;
padding-left:25px;   
}
//////////////////////////
<!-- html code -->
<input type="text" name="txtBox" >

这篇关于搜索栏中的搜索图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！