采用了boosttrap的表格,有时想改表格的样式。比如北京,条形纹
#toolbar{
background-color: rgba(0,0,0,0);
}
/*表头*/
.table-striped table thead {
background-color: rgba(17,97,192,.8);
}
/*第偶数行*/
#bootstrap-table tr:nth-child(even){
background: rgba(50,0,0,.0);
}
/*第奇数行*/
#bootstrap-table tr:nth-child(odd) {
background: rgba(0,50,0,.20);;
}
/*去除表格边框线*/
.table>tbody>tr>td{
height: 0.40rem;
border: 0.01rem solid transparent !important;
}
/*去除表头的分隔线*/
.table-striped .table>thead>tr>th, .table-striped .table>tbody>tr>th {
border-bottom: 0px!important;
border-top: 0px!important;
}
/*关闭横向滚动条*/
.fixed-table-body {
overflow-x: hidden;
overflow-y: auto;
height: 100%;
}
/*分页部分*/
.btn-default{
color: #ffffff;
background-color:rgba(0,0,0,0);
border-color:#ccc
}
/*右侧分页栏*/
.pagination>li>a,.pagination>li>span{
position:relative;
float:left;padding:0.06rem 0.12rem;
margin-left:-0.01rem;
line-height:1.42857143;
color:#337ab7;
text-decoration:none;
background-color:rgba(0,0,0,0);
border:0rem solid #ddd;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{
color:#777;
cursor:not-allowed;
background-color:rgba(0,0,0,0);
border-color:#ddd
}
/*.select-table .table td {
text-overflow:ellipsis;
!*规定段落中的文本不进行换行 *!
white-space:nowrap;
!* 配合宽度来使用 *!
height:40px;
}*/
/*select-table1 {
width: 80%;
background: rgba(0,0,0,0);
border-radius: 6px;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 13px;
box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
*/
/*整体页面字体背景颜色*/
body{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:0.14rem;
line-height:1.42857143;
color:#fff;
background-color:#fff;
border-color:rgba(0,0,0,0);
}
/*字体颜色*/
.table-striped .table>thead:first-child>tr:first-child>th {
font-effect:SourceHanSansSC-Light ;
font-size: 0.15rem;
color: white;
}
/*当鼠标悬浮table行时,改变样式*/
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > tr {
color: #faf32a;
cursor: pointer;
}
/*d定义input样式,使其右对齐,之前的不行,我也不知道为啥*/
.select-list1 li input {
border: 1px solid #ddd;
border-radius: 4px;
background: #f1f1f100;
outline: none;
height: 30px;
width: 200px;
padding-left: 5px;
}
a:hover {
cursor:pointer;
}