Html
    Css
    Js

    
                        
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
.nice-select input {
	outline:none;
	cursor:pointer;
	width:14em;
	height:1.8em;
	font-size:1em;
	border:1px solid #000;
	background:url(image/icon.png) no-repeat scroll right center transparent;
	background-position:96% 50%;
	padding:0 10px;
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	position:absolute;
	line-height:1.8em;
}
ul {
	list-style:none;
}
.nice-select {
	position:relative;
	width:14em;
	top:10em;
	left:10em;
	box-shadow:0 3px 5px #999;
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
}
.nice-select ul {
	/*display:none;
	*/
			border:1px solid #d5d5d5;
	width:13.9em;
	position:absolute;
	top:1.8em;
	overflow:hidden;
	background-color:#fff;
	max-height:150px;
	overflow-y:auto;
	border-top:0;
	z-index:10001;
}
.nice-select ul li {
	height:30px;
	line-height:2em;
	overflow:hidden;
	padding:0 10px;
	cursor:pointer;
	border-top:1px solid #d5d5d5;
}
.nice-select ul li.on {
	background-color:#e0e0e0;
}

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

jquery模糊查询

0