头部搜索input【网页制作】

/*头部搜索*/
.PL_G_search{width:40%; height:30px; background-color:#fff;margin-top:3.5%; color:#d8d8d8; line-height:30px; padding-left:12px; border: 1px #dfdfdf solid;}
.PL_G_search input{ background-color:transparent; border:none; display:block; width:80%; height:30px; line-height:30px; color:#a5a5a5;}
.PL_G_btngo{ float:right; height:100%; background-color:#f5f5f5; display:block; padding:0px 18px; letter-spacing:2px;}

.PL_G_btngo:hover{ background-color:#4c619d; color:#fff;}

 

 

<div class="PL_G_search right">
<a class="PL_G_btngo" href="###">
<em class="PL_G_fontimg">
</em>搜索
</a>
<ul>
<li>
<input type="text" placeholder="请输入产品关键词" />
</li>
</ul>
</div>