Html
    Css
    Js

    
                        
.item-select {
	position:relative;
	width:280px;
	height:34px;
	border:1px solid #e3e3e3;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
.item-select>span {
	line-height:34px;
	float:left;
	padding-left:10px;
	font-size:14px;
	font-family:"microsoft yahei";
}
.carat {
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-4px;
	border:6px solid transparent;
	border-top:8px solid #000;
}
.item-select-list {
	width:100%;
	position:absolute;
	top:35px;
	display:none;
	overflow-y:auto;
	z-index:9999;
	background-color:#999;
	overflow:hidden;
}
.item-select-list.active {
	display:block;
}
.item-select-list li {
	line-height:40px;
	padding-left:20px;
	font-size:14px;
	font-family:"microsoft yahei";
	text-align:left;
	list-style-type:none;
}
.item-select ul li.active {
	background-color:#f5f5f5;
}

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

使用ul制作的(下拉框)

0