针对 select 的美化，细化你的网页

一般来说我们对于表单里面的输入框通过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

还有几个等以后整理好了发上来。

(责任编辑：龙舞天翔)

搜索

热门标签:

针对 select 的美化，细化你的网页