文件名称：select自定义样式
文件大小：34KB
文件格式：RAR
更新时间：2021-10-19 20:14:27
select样式 下拉框 select自定义 div下拉框
select自定义样式，div+css模拟select下拉框效果，html代码如下： <html <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div模拟下拉菜单jquery插件</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> body,ul,li{ margin:0; padding:0; font-size:13px;} ul,li{list-style:none;} #divselect{width:186px; margin:80px auto; position:relative; z-index:10000;} #divselect cite{width:150px; height:24px;line-height:24px; display:block; color:#807a62; cursor:pointer;font-style:normal; padding-left:4px; padding-right:30px; border:1px solid #333333; background:url(xjt.png) no-repeat right center;} #divselect ul{width:184px;border:1px solid #333333; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;} #divselect ul li{height:24px; line-height:24px;} #divselect ul li a{display:block; height:24px; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;} #divselect ul li a:hover{background-color:#CCC;} </style> [removed][removed] [removed][removed] [removed] $(function(){ $.divselect("#divselect","#inputselect"); }); [removed] </head> <body> <form action="" method="post">
<input name="" type="hidden" value="" id="inputselect"/> </form>【文件预览】：
select自定义样式
----divselect.js(572B)
----jquery.js(115KB)
----xjt.png(180B)
----demo.html(2KB)