论坛经常有人会问到用CSS如何美化Select标签，其实但凡你看到很酷的都是用javascript来实现的。昨天试着做了一下，基本实现的初级功能。拿出来和大家一起分享一下。
先可以看一下： 预览效果
功能需求
1、调用要方便，做好之后应该像这样：
function loadSelect(selectobj){
//传入一个select对象就能将他的样式美化
}
2、不改变原有表单项，表单的页面代码不去破坏：
<form name="f" onsubmit="getResult();">
<fieldset>
<legend>用户注册</legend>
<div>
<label for="username">帐号</label>
<input type="text" id="username" name="username" />
</div>
<div>
<label for="pwd">密码</label>
<input type="password" name="pwd" id="pwd" />
</div>
<div>
<label for="province">省份</label>
<select id="province" name="province">
<option value="10">江西</option>
<option value="11">福建</option>
<option value="12">广东</option>
<option value="13">浙江</option>
</select>
</div>
</fieldset>
<input type="submit" value="提交" name="btnSub" />
</form>
实现思路
大致上就是这样了，接下来我们一步一步去实现它！
准备工作
运行代码框
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]