作者的blog:http://www.iwcn.net 论坛经常有人会问到用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> 实现思路 |