原理就是放置一个层在input的上方，用js实现的话可以根据内容进行动态增删，我帮你写了一个css写死的层，基本原理应该就是这个了，你可以在这个基础上根据自己需求拓展一下。
#main{
}
#ser{
font-size: 14px;
padding: 8px;
width: 250px;
}
.overInput{
background-color: tomato;
color: #fff;
padding: 5px;
font-size: 12px;
cursor: pointer;
}
#overContarner{
position: absolute;
left: 0;
top: 0;
width: 270px;
height: 40px;
line-height: 48px;
text-align: right;
}
.overInput:hover{
background-color: #FF0000;
}
a{text-decoration: none}
老虎
老鼠
分不清楚
