.btn-select { position: relative; padding: 0; min-width: 171px; width: 100%; border-radius: 5px; } .btn-select .btn-select-value { padding: 6px 12px; display: block; position: absolute; left: 0; right: 34px; text-align: left; text-overflow: ellipsis; overflow: hidden; border-top: none !important; border-bottom: none !important; border-left: none !important; } .totalnum .current{ border: 1px solid #3366CC; border-radius: 5px; height: 30px; width: 20px; line-height: 30px; background-color: #3366CC; text-align: center; text-decoration: none; padding-left: 0px; color: #fff; } .totalnum .next,.totalnum .num{ border: 1px solid #26C7DB; border-radius: 5px; height: 30px; width: 20px; line-height: 30px; background-color: #26C7DB; text-align: center; text-decoration: none; color: #fff; } .btn-select .btn-select-arrow { float: right; line-height: 20px; padding: 6px 10px; top: 0; } .btn-select ul { display: none; background-color: white; color: black; clear: both; list-style: none; padding: 0; margin: 0; border-top: none !important; position: absolute; left: -1px; right: -1px; top: 33px; z-index: 999; } .btn-select ul li { padding: 3px 6px; text-align: left; } .btn-select ul li:hover { background-color: #f4f4f4; } .btn-select ul li.selected { color: white; } /* Primary Start */ .btn-select.btn-primary:hover, .btn-select.btn-primary:active, .btn-select.btn-primary.active { border-color: #26C7DB; } .btn-select.btn-primary ul li.selected { background-color: #2e6da4; color: white; } .btn-select.btn-primary ul { border: #26C7DB 1px solid; } .btn-select.btn-primary:hover, .btn-select.btn-primary.active { background-color: #26C7DB; } /* Primary End */ /* Success Start */ .btn-select.btn-success:hover, .btn-select.btn-success:active, .btn-select.btn-success.active { border-color: #4cae4c; } .btn-select.btn-success ul li.selected { background-color: #4cae4c; color: white; } .btn-select.btn-success ul { border: #4cae4c 1px solid; } .btn-select.btn-success .btn-select-value { background-color: #5cb85c; border: #4cae4c 1px solid; } .btn-select.btn-success:hover, .btn-select.btn-success.active { background-color: #449d44; } /* Success End */ /* info Start */ .btn-select.btn-info:hover, .btn-select.btn-info:active, .btn-select.btn-info.active { border-color: #46b8da; } .btn-select.btn-info ul li.selected { background-color: #46b8da; color: white; } .btn-select.btn-info ul { border: #46b8da 1px solid; } .btn-select.btn-info .btn-select-value { background-color: #5bc0de; border: #46b8da 1px solid; } .btn-select.btn-info:hover, .btn-select.btn-info.active { background-color: #269abc; } /* info End */ /* warning Start */ .btn-select.btn-warning:hover, .btn-select.btn-warning:active, .btn-select.btn-warning.active { border-color: #eea236; } .btn-select.btn-warning ul li.selected { background-color: #eea236; color: white; } .btn-select.btn-warning ul { border: #eea236 1px solid; } .btn-select.btn-warning .btn-select-value { background-color: #f0ad4e; border: #eea236 1px solid; } .btn-select.btn-warning:hover, .btn-select.btn-warning.active { background-color: #d58512; } /* warning End */ /* danger Start */ .btn-select.btn-danger:hover, .btn-select.btn-danger:active, .btn-select.btn-danger.active { border-color: #d43f3a; } .btn-select.btn-danger ul li.selected { background-color: #d43f3a; color: white; } .btn-select.btn-danger ul { border: #d43f3a 1px solid; } .btn-select.btn-danger .btn-select-value { background-color: #d9534f; border: #d43f3a 1px solid; } .btn-select.btn-danger:hover, .btn-select.btn-danger.active { background-color: #c9302c; } /* danger End */ .btn-select.btn-select-light .btn-select-value { background-color: white; color: black; } /*分页按钮样式*/ .totalnum .current{ border: 1px solid #26C7DB; border-radius: 5px; height: 30px; width: 20px; line-height: 30px; background-color: #fff; text-align: center; text-decoration: none; padding-left: 0px; padding: 2px 4px; color: #26C7DB; } .totalnum .next,.totalnum .num,.totalnum .prev ,.totalnum .first,.totalnum .end{ border: 1px solid #26C7DB; border-radius: 5px; height: 30px; width: 20px; padding: 2px 4px; line-height: 30px; background-color: #26C7DB; text-align: center; text-decoration: none; color: #fff; } .totalnum .rows{ /* position: absolute; left: 0; float: left; */ } .totalnum div{ margin-left:84px; } .totalnum .num,.totalnum .prev,.totalnum .next,.totalnum .first,.totalnum .end,.totalnum .current{ padding:2px 6px;margin:0 5px;display:inline; } .totalnum span a {padding:2px 6px;line-height:30px;} .totalnum div {clear:both;overflow:hidden;}