Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0
}
ul,ol {
	list-style:none
}
.select_box {
	position:relative;
	margin:100px auto;
	width:300px;
}
.select {
	padding:5px 10px;
	border:1px solid #dedede;
}
.select:hover {
	cursor:pointer;
}
.select span {
	display:block;
	/*background:url("../../img/downicon.png") no-repeat right;
	*/
}
.list {
	display:none;
	position:absolute;
	top:30px;
	width:298px;
	border:1px solid #dedede;
	border-top:none;
}
.list li {
	padding:5px 10px;
}
.list li:hover {
	background:#ddd;
}

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

自定义select选择框

更新时间:2019-12-26 00:52:55

0