jQuery输入框下拉选择菜单

1、新建html文档。

3、书写css代码。div.sp_result_area div.sp_pagination li { t髫潋啜缅ext-align: center; display: inline; box-sizing: border-box; }div.sp_result_area div.sp_pagination>ul>li>a { margin: 0; /* border: 1px solid #ddd; */border-radius: 0; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background-color: white; float: left; text-decoration: none; border: 0; box-sizing: content-box; color: #666666; font-size: 20px; height: 26px; line-height: 26px; -webkit-transition: all .5s cubic-bezier(.175, .885, .32, 1); transition: all .5s cubic-bezier(.175, .885, .32, 1); }div.sp_result_area div.sp_pagination li.csFirstPage a, div.sp_result_area div.sp_pagination li.csPreviousPage a, div.sp_result_area div.sp_pagination li.csNextPage a, div.sp_result_area div.sp_pagination li.csLastPage a { width: 30px; }div.sp_result_area div.sp_pagination li.csFirstPage a { border-left: 0; border-bottom-left-radius: 2px; }div.sp_result_area div.sp_pagination li.csLastPage a { border-right: 0; border-bottom-right-radius: 2px; }div.sp_result_area div.sp_pagination>ul>li>a:hover { color: #000000; background-color: #E8E8E8; }div.sp_result_area div.sp_pagination>ul>li.disabled>a { color: #DDDDDD; cursor: default; }div.sp_result_area div.sp_pagination>ul>li.disabled>a:hover { color: #DDDDDD; background-color: white; }div.sp_result_area div.sp_pagination>ul>li.pageInfoBox>a { width: 178px; text-align: center; /* padding-left: 4px; padding-right: 4px; */color: #666666; font-size: 14px; }

5、代码整体结构。