测试
<style>*{margin:0;padding:0;list-style:none;}
.lanren-search-form{width:575px;margin:100px auto;overflow: hidden;}
.lanren-search-form .search-bd{height: 25px;}
.lanren-search-form .search-bd li{font-size:12px;width:150px;height: 25px;line-height: 25px;text-align:center;float: left;cursor: pointer;background-color: #eee;color: #666;}
.lanren-search-form .search-bd li.selected{color: #fff;font-weight: 700;background-color: #B61D1D;}
.lanren-search-form .search-hd{height:34px;background-color: #B61D1D;padding: 3px;position: relative;}
.lanren-search-form .search-hd .search-input{width: 490px;height: 22px;line-height: 22px;padding: 6px 0;background: none;text-indent: 10px;border: 0;outline: none;position: relative;left: 3px;top: 0;z-index: 5;#margin-left:-10px;}
.lanren-search-form .search-hd .btn-search{width: 70px;height: 34px;line-height:34px;position: absolute;right: 3px;top: 3px;border: 0;z-index: 6;cursor: pointer;font-size: 12px;color: #fff;font-weight: 700;background: none;outline: none;}
.lanren-search-form .search-hd .pholder{display: inline-block;padding: 2px 0;font-size: 12px;color: #999;position: absolute;left: 13px;top: 11px;z-index: 4;background: url(images/zoom.jpg) no-repeat 0 0;padding-left:25px;#top:11px;}
.lanren-search-form .search-hd .s2,.lanren-search-form .search-hd #s2{display: none;}
.lanren-search-form .search-bg{width: 495px;height: 34px;background-color: #fff;position: absolute;left: 3px;top: 3px;z-index: 1;}
</style>
</head>
<body>
<!--代码部分begin-->
<div class="lanren-search-form">
<div id="search-bd" class="search-bd">
<ul>
<li class="selected">找商品可在搜索框输入</li>
<!-- <li></li>-->
</ul>
</div>
<div id="search-hd" class="search-hd">
<div class="search-bg"></div>
<form action="http://qun.80baicai.biz/index.php" method="get" target="_blank"accept-charset="utf-8" onSubmit="document.charset='utf-8';">
<input type="text" name="kw" class="search-input">
<input type="hidden" name="r" value="l">
<input type="submit" class="btn-search"value ="80白菜搜索">
</form>
</div>
页:
[1]