很奇怪的样式问题！！
我在.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;
width: 119px;
float: left;
height: 30px;
color: #7b7c7d;
border-top: medium none;
border-right: medium none;
}
.top_search FORM
{
float: left;
}
.top_search .rss
{
margin: 2px 0px 0px 6px;
float: left;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="top_search">
<asp:TextBox ID="search_box" runat="server" class="textBox" Width="245px"></asp:TextBox>
<div style="background-image: url(71096/so_01.gif); line-height: 35px; margin: 7px 0px 0px;
width: 97px; float: left; height: 35px" id="divSelectTravel">
</div>
<script type="text/javascript" src="71096/search_sel.js"></script>
</div>
</form>
</body>
</html>[/code]样式是正确的显示。 如果我把这页面换成用户控件，就根本读取不了样式，这个是为什么啊？排除什么路径问题！
[解决办法]
INPUT#search_box
换成
INPUT.textBox
<asp:TextBox ID="search_box" runat="server" CssClass="textBox" Width="245px"></asp:TextBox>