给ZENCART加上类似wordpress弹性搜索框

�o表�沃械�input加上id或class�傩浴�

我�oinput加了一��class�傩��searchbar，然後在css文件中��入以下�傩裕�便可以���F��性搜索框，�入框聚焦的�r候���慢��L。

.searchbar{
width: 200px;
border-radius: 15px;
font-size: 14px;
height: 22px;
line-height: 1.2em;
padding: 4px10px;
border:none;
 -moz-transition:all linear .5s;
-webkit-transition:all linear .5s;
color: #999;
border-radius: 15px; border:1pxsolid#ddd;-moz-box-shadow: inset 0 1px2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 0 1px2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2);box-shadow: inset 0 1px2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2);
}
.searchbar:focus{ background-color: #f9f9f9;
width: 300px;}