div+input写的下拉框

*{margin:0;padding: 0;} 

ul li{list-style: none;} 

.jy-datalist-input-wrap{width: 

220px;height: 

36px;position: 

relative;display: 

inline-block;cursor: pointer;border:1px solid #ddd;} 

.jy-datalist-input-wrap:after{content: 

"";position: 

absolute;top: 

50%;right: 

5px;margin-top: -2px;border-top: 5px solid #666;border-right: 5px solid transparent;border-left: 

5px solid transparent;} 

.jy-datalist-input{width: 200px;height:36px;position: absolute;top:0;left: 0;padding-left: 

5px;border: none;outline:medium;} 

.jy-datalist-ul{position: absolute;top:36px;left: 0;width: 220px;height:200px;overflow-y: 

auto;border:1px solid #ddd;display: none;} 

.jy-datalist-ul 

li{width: 

90%;height:30px;padding-left: 

20px;line-height: 

30px;background: #fff;} 

.jy-datalist-ul li:hover{background:#6ebddc;cursor: pointer;color: #fff;} 

你好啊

输入内容

: 

xxxx 

2222 

xxxx 

2222 

xxxx 

2222 

xxxx 

2222