欢迎光临! 【模板119】平台每天更新源码-所有VIP源码均有在线演示

logo

建站一条龙服务
更新时间:2018-02-28 15:54

搜索按钮风格 HTML5+CSS3打造超酷搜索框

下载次数:编码:优惠价: VIP免费下载 [开通本站VIP]站长:mb119.com 联系:点击这里给我发消息

 
 
 <style type="text/css">
.demo{margin:0;margin-top:25px;float: left;margin-left:30px; width:100%;}
.search_form{height:31px; display:inline-block;}
.search_form:hover {-webkit-box-shadow:0 0 3px #999;-moz-box-shadow:0 0 3px #999}
.sinput{float:left; width:100%; height:21px; line-height:21px; padding:4px 7px; color:b3b3b3; border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}
.sbtn{float:left; width:50px; height:31px; padding:0 12px; margin-left:-1px; border-radius:0 2px 2px 0; border:1px solid #E74156; background-color:#DB2721; cursor:pointer; display:inline-block; font-size:12px; vertical-align:middle; color:#f3f7fc;position:absolute; _left:270px; _top:0}
.sbtn:hover{background:#DB2721}
</style>
 
 
   <div class="demo">
        <form action="{dede:global.cfg_cmsurl/}/plus/search.php" method="get" class="search_form">
<input type="text" name="q" class="sinput" placeholder="请输入内容回车搜索" autofocus x-webkit-speech> 
<input type="submit" value="搜索" class="sbtn">
</form>
   </div>
 
下载地址: 提取密码:  大小:未知 MB
在线客服

金融贵金属 HTML5模板响应式模板手机模板营销型模板双语模板商城网站aspcms模板