一般来说我们对于表单里面的输入框通过CSS控制,提交按钮使用图片来替换,但是对select的方法却很少….
在这里我将不断整理出最新的修改select的方法。
代码:
=================================
<HTML>
<STYLE>
.box {
BORDER-RIGHT: #dadbd6 1px solid; BORDER-TOP: #dadbd6 1px solid; OVERFLOW: hidden; BORDER-LEFT: #dadbd6 1px solid; WIDTH: 82px; CLIP: rect(0px 181px 18px 0px); BORDER-BOTTOM: #dadbd6 1px solid; HEIGHT: 19px
}
.box2 {
BORDER-RIGHT: #f4f4f4 1px solid; BORDER-TOP: #f4f4f4 1px solid; OVERFLOW: hidden; BORDER-LEFT: #f4f4f4 1px solid; WIDTH: 80px; CLIP: rect(0px 179px 16px 0px); BORDER-BOTTOM: #f4f4f4 1px solid; HEIGHT: 17px
}
SELECT {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12px; LEFT: -2px; BORDER-LEFT: 0px; WIDTH: 83px; COLOR: #909993; LINE-HEIGHT: 14px; BORDER-BOTTOM: 0px; POSITION: relative; TOP: -2px
}
</STYLE>
<BODY>
<DIV class=box>
<DIV class=box2>
<SELECT id=idselect1 hideFocus name=sex>
<OPTION value=0 selected checked>不告诉你
<OPTION value=1>男
<OPTION value=2>女</OPTION>
</SELECT>
</DIV>
</DIV>
</BODY>
</HTML>
=================================
一个演示地址: http://www.bwtech.net
还有几个等以后整理好了发上来。
(责任编辑:龙舞天翔)