Html
    Css
    Js

    
                        
* {
	padding:0;
	margin:0;
	border:0;
}
li {
	list-style:none;
}
.box {
	width:500px;
	margin:20px auto;
}
.selectBox {
	border:1px solid #ccc;
	height:40px;
	line-height:40px;
	padding:0 5px;
}
.selectList {
	border:1px solid #ccc;
}
.selectList li {
	line-height:35px;
	padding:0 5px;
}
.arrow-icon {
	background:url(https://www.jq22.com/tp/6369140452308468942047554.png) no-repeat right center;
	/*-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)*/
}
.selectList li:hover {
	background:#ccc;
}
.none {
	display:none
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

模拟下拉多个或单个

0