Bootstrap带输出框的分页样式
- 作者: 信仰1b886
- 来源: 51数据库
- 2022-09-21
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet"/>
<style type="text/css">
.pagination ul > li > input{
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height:auto;
*height: 20px;
margin-bottom:0px;
background-color: #fff;
border-left-width: 0;
width:40px;
float:left;
min-height: auto;
*min-height: 20px;
}
</style>
</head>
<body>
<div >
<ul>
<li><a href="#"><i ></i></a></li>
<li ><a href="#">Previous</a></li>
<li ><a href="#">1</a></li>
<li ><a href="#">2</a></li>
<li ><a href="#">3</a></li>
<li ><a href="#">4</a></li>
<li ><a href="#">5</a></li>
<li><a href="#">Next</a></li>
<li><a href="#"><i ></i></a></li>
<li><input type="text" ></li>
<li><a href="javascript:void();" onclick="">Go</a></li>
</ul>
</div>
</body>
</html>
推荐阅读
