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;
	}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值