ul-li(div)下拉列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ul-li的下拉列表</title>
<style>
#sel {
display: table-cell;
}
ul#ul {
list-style: none;
border: 1px solid #ccc;
background-color: #fff;
display: table-cell;
margin: 0;
padding: 0;
}
ul#ul li {
height: 22px;
line-height: 22px;
}
ul#ul li:focus {
min-height: 1.2em;
}
ul#ul li:hover {
background-color: rgba(12,145,229,.9);
color: #fff;
}
</style>
</head>
<body>
<label for="sel"></label><select name="" id="sel" style="width:50%">
</select>
<ul id="ul">
<