可编辑下拉框 支持常用浏览器
建议下载附件运行，复制下面代码到记事本里在ie6下运行好像会乱掉，编码问题。
<!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=utf-8" />
<meta http-equiv="Pragma" content="No-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="-1" />
<style type="text/css">
.uub-select-input-div {
border: 1px solid #DDD;
*border: 1px none #ddd;
background: transparent;
margin: 100px;
padding: 3px;
position: relative;
width: 180px;
}
.uub-select-input-select {
width:180px;
border: 1px solid #fff;
}
.uub-select-input-iframe
{
position: absolute;
width: 161px;
*width: 163px;
height: 22px;
z-index:1;
left:0;
top:0;
filter: alpha(opacity = 0);
-moz-opacity:0;
opacity: 0;
}
.uub-select-input
{
border: 1px solid #fff;
*border: 1px solid #7F9DB9;
border-right: 0;
height: 15px;
*height: 18px;
left: 3px;
position: absolute;
top: 3px;
width: 161px;
z-index: 10;
}
.uub-select-input-select, .uub-select-input
{
outline:none;
blr:expression(this.onFocus=this.blur());
}
/*Firefox*/
@-moz-document url-prefix() {
.uub-select-input {
}
}
/*Opera*/
@media all and (-webkit-min-device-pixel-ratio:10000),not and all (-webkit-min-device-pixel-ratio:0) {
.uub-select-input {
}
}
/*Chrome和Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.uub-select-input {
height: 16px;
}
.uub-select-input-div {
padding: 1px 3px;
}
}
</style>
</head>
<body>
<!-- 以下标签之间不要调整格式、不要增加空格、不要增加换行，这些可能影响实际效果 -->
<div value="dyndns.org">dyndns.org</option>
<option id="idSelect3322" value="3322.org">3322.org</option>
<option id="idSelectDtDNS" value="www.dtdns.com">www.dtdns.com</option>
<option id="idSelectZone" value="oray.cn">oray.cn</option>
</select></span><input type="text" />
<iframe ></iframe>
</div>
</body>
</html>
