html隐藏搜索框的字体,求让文字和搜索框同行显示的方法,搜索框溢出悬浮

@charset "utf-8";

html { overflow: hidden; }

body{font-family:Verdana, Arial, Helvetica, sans-serif;        padding: 0;        margin: 0;overflow: hidden; font-size:12px; background:#fff;}

ul,li { margin:0; padding:0; list-style:none;}

a { text-decoration:none; color:#0063DC;}

a:hover { text-decoration:underline;}

#top { height:30px;padding:5px 0px 0px 2px; background:url(../img/bg.gif) repeat-x left top; font-size:14px; position:relative;}

#s-wrap{width:1000px;}

#top ul { float:left; margin:3px;width:360px}

#top ul li { float:left;background:url(../img/tagleft.gif) no-repeat left bottom; height:27px; padding:0 0 0 10px; line-height:27px; color:#fff;cursor:pointer; margin:0 2px; display:inline;}

#top ul li a,#top ul li a:hover { text-decoration:none; color:#fff;}

#top ul li a { background:url(../img/tagright.gif) no-repeat right bottom; height:27px; line-height:27px; display:inline-block;  padding-right:10px;}

#top ul li.cur { background:url(../img/tagleft.gif) no-repeat left top;}

#top ul li.cur a { background:url(../img/tagright.gif) no-repeat right top;}

.cur span.s1{color: #f00;}

.cur span.s2{color: #00f;}

.cur span.s5{color: #fc0;}

.cur span.s6{color: #060;}

span.s7{color: #fff;}

.cur span.s7{ color:f00;}

#top ul li.h a { font-weight:bold; color:#D7F3C9;}

a.sethome { position:absolute; right:20px; top:12px; cursor:pointer; text-decoration:underline; font-size:12px;}

#keyword{ margin: 0px;width: 450px;font-size: 14px;height: 23px;padding: 2px 0 0 2px;}

#s-btn{ width: 80px;font-size: 14px;height: 30px;margin: 0px 0 0 5px;}

#content { margin:5px 0 0 0;}

.searchinput{float:left;width:560px}

#kwh{position: absolute;top: 32px;left:455px;_left:461px;width: 308px;width: 310px\9;z-index: 6;border: 1px solid #BBBCBB;background: #ECF5FE;filter: alpha(opacity=95);display: none;}

#kwh table{margin: 0;}

#kwh td{font-size: 13px;}

#kwh a, #kwh p{margin: 2px;display: block;text-decoration: none;}

#kwh span{float: right;color: #090;}

#kwh span.kw-hi{float: none;color: red;}

.myhome #top {background:url(../img/bg_bule.gif) repeat-x left top;}

.myhome #top ul li {background:url(../img/tagleft_bule.gif) no-repeat left bottom;color:#2D4A78}

.myhome #top ul li a { background:url(../img/tagright_bule.gif) no-repeat right bottom}

.myhome #top ul li.cur { background:url(../img/tagleft_bule.gif) no-repeat left top;}

.myhome #top ul li.cur a { background:url(../img/tagright_bule.gif) no-repeat right top;}

.myhome #top ul li.h { background-image: none; }

.myhome #top ul li.h a{color:#2D4A78; font-weight:normal; text-decoration: underline; background-image: none; }

.myhome span.s7{color:#2D4A78}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值