很奇怪的样式问题!!
我在.aspx页面里面
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<style type="text/css">
INPUT#search_box
{
background-image: url(../71096/so_bg.gif);
border-bottom: #ffbe8a 2px solid;
border-left: #ffbe8a 2px solid;
line-height: 28px;
background-color: #fffde9;
margin: 7px 0px 0px 8px;
padding-left: 30px;
width: 361px;
background-repeat: no-repeat;
float: left;
height: 31px;
color: #d0d0d0;
border-top: #ffbe8a 2px solid;
}
.top_search
{
display: inline;
float: left;
}
.top_search .textBox
{
border-bottom: medium none;
border-left: medium none;
line-height: 18px;
text-indent: 3px;
width: 119px;
float: left;
height: 18px;
color: #7b7c7d;
font-size: 14px;
border-top: medium none;
border-right: medium none;
padding-bottom: 0px;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.top_search .select_box
{
border-bottom: medium none;
position: relative;
text-align: center;
border-left: medium none;
width: 90px;
float: left;
height: 30px;
border-top: medium none;
cursor: pointer;
border-right: medium none;
}
.top_search .select_box .select_list
{
position: absolute;
line-height: 30px;
width: 3em;
display: none;
background: #fff;
top: 0px;
left: 0px;
}
.top_search .select_box .search_site
{
text-align: left;
line-height: 35px;
padding-left: 10px;
width: 87px;
float: left;
height: 35px;
color: #fd812a;
font-size: 14px;
overflow: hidden;
}
.top_search .select_box .select_list
{
border-bottom: #ffbe8a 2px solid;
border-left: #ffbe8a 2px solid;
width: 93px;
float: left;
border-top: #ffbe8a 2px solid;
border-right: #ffbe8a 2px solid;
}
.top_search .select_box A:hover
{
display: block;
background: #ffffcc;
height: 31px;
color: #fff;
text-decoration: none;
}
.top_search .select_box A.active
{
display: block;
background: #ffffcc;
height: 31px;
color: #fff;
text-decoration: none;
}
.top_search .textBox
{
border-bottom: medium none;
border-left: medium none;
line-height: 30px;
text-indent: 3px;