简洁输入框样式

	
	CSS美化的漂亮搜索框
	 
body{ 
font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; 
color: #333; 
} 
p { 
padding: 12px 0; 
margin: 0; 
font-size: .8em; 
line-height: 1.5; 
} 
form { 
margin: 0; 
} 
#search_box { 
width: 201px; 
height: 31px; 
background: url(http://files.jb51.net/demoimg/200912/bg_search_box.gif); 
} 
#search_box #s { 
float: left; 
padding: 0; 
margin: 6px 0 0 6px; 
border: 0; 
width: 159px; 
background: none; 
font-size: .8em; 
} 
#search_box #go { 
float: right; 
margin: 3px 4px 0 0; 
} 

input,button,select,textarea
{
      outline:none;
      -webkit-appearance:none;
}
textarea
{
     resize:none;
}



	

		
			
			
		
	

附上一点：如何清除浏览器自带的输入框样式

input,button,select,textarea
{
      outline:none;
      -webkit-appearance:none;
}
textarea
{
     resize:none;
}