搜索框样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#search { border:2px solid red; width:450px; }
#xlkdiv{ position:relative;}
.xlk{ width:73px; border:0px; position:fixed; clip:rect(1px 70px 16px 0px); }/*Clip rect（top，right，bottom，left）Clipping 的区域是一个矩形， 而这个矩形的尺寸取决于于四个边的位置。 四个边的位置是相对于对象本身， */
#textsearch{ margin-left:73px;}
.txtInput{ width:300px; background:#ffffff;border-bottom-color:#ff6633; border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px; solid #ff6633; color: #000000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
.btnsearch{ margin-left:-5px;BACKGROUND: red; border:0px; COLOR: #ffffff; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; width:80px; LINE-HEIGHT: normal}
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearFloat{ clear:both;}
</style>
</head>
<body>
<div>
<div id="search">
<div id="xlkdiv" class="floatLeft"><select id="xlk" class="xlk">
<option selected="selected">aaa</option>
<option>bbb</option>
</select></div>
<div class="floatLeft" id="textsearch"><input id="txtInput" class="txtInput" type="text" /></div>
<div class="floatRight"> <input type="button" id="btnsearch" class="btnsearch" value="搜索" />
</div><br class="clearFloat"/>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#search { border:2px solid red; width:450px; }
#xlkdiv{ position:relative;}
.xlk{ width:73px; border:0px; position:fixed; clip:rect(1px 70px 16px 0px); }/*Clip rect（top，right，bottom，left）Clipping 的区域是一个矩形， 而这个矩形的尺寸取决于于四个边的位置。 四个边的位置是相对于对象本身， */
#textsearch{ margin-left:73px;}
.txtInput{ width:300px; background:#ffffff;border-bottom-color:#ff6633; border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px; solid #ff6633; color: #000000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
.btnsearch{ margin-left:-5px;BACKGROUND: red; border:0px; COLOR: #ffffff; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; width:80px; LINE-HEIGHT: normal}
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearFloat{ clear:both;}
</style>
</head>
<body>
<div>
<div id="search">
<div id="xlkdiv" class="floatLeft"><select id="xlk" class="xlk">
<option selected="selected">aaa</option>
<option>bbb</option>
</select></div>
<div class="floatLeft" id="textsearch"><input id="txtInput" class="txtInput" type="text" /></div>
<div class="floatRight"> <input type="button" id="btnsearch" class="btnsearch" value="搜索" />
</div><br class="clearFloat"/>
</div>
</div>
</body>
</html>