Bootstrap的一些内在样式修改

采用了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;
	}
发布了21 篇原创文章 · 获赞 0 · 访问量 189

猜你喜欢

转载自blog.csdn.net/qq_35315439/article/details/105191390
今日推荐