Html
    Css
    Js

    
                        
 * {
	padding:0;
	margin:0;
	outline:none;
}
#search {
	width:400px;
	margin:50px auto;
}
.top {
	display:flex;
	height:36px;
}
.top #text {
	flex:1;
	border:1px solid #e1e1e1;
	border-right:none;
	padding-left:5px;
	cursor:pointer;
}
.top button {
	width:48px;
	border:none
}
#list {
	border:1px solid #e1e1e1;
	border-top:none;
	display:none;
}
#list li {
	height:30px;
	line-height:30px;
	padding-left:5px;
	list-style:none;
}
#list li:hover {
	color:#fff;
	background:skyblue;
}
#list li+li {
	border-top:1px dotted #e1e1e1;
}

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

js下拉框(原创)

更新时间:2020-06-28 00:03:30

0